Vs Bambi Strident Crisis Wiki

<mediawiki xmlns="http://www.mediawiki.org/xml/export-0.11/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.mediawiki.org/xml/export-0.11/ http://www.mediawiki.org/xml/export-0.11.xsd" version="0.11" xml:lang="en">
  <siteinfo>
    <sitename>Vs Bambi Strident Crisis Wiki</sitename>
    <dbname>fnfvsbambistridentcrisis_en</dbname>
    <base>https://fnfvsbambistridentcrisis.wiki.gg/wiki/Vs_Bambi_Strident_Crisis_Wiki</base>
    <generator>MediaWiki 1.39.4</generator>
    <case>first-letter</case>
    <namespaces>
      <namespace key="-2" case="first-letter">Media</namespace>
      <namespace key="-1" case="first-letter">Special</namespace>
      <namespace key="0" case="first-letter" />
      <namespace key="1" case="first-letter">Talk</namespace>
      <namespace key="2" case="first-letter">User</namespace>
      <namespace key="3" case="first-letter">User talk</namespace>
      <namespace key="4" case="first-letter">Vs Bambi Strident Crisis Wiki</namespace>
      <namespace key="5" case="first-letter">Vs Bambi Strident Crisis Wiki talk</namespace>
      <namespace key="6" case="first-letter">File</namespace>
      <namespace key="7" case="first-letter">File talk</namespace>
      <namespace key="8" case="first-letter">MediaWiki</namespace>
      <namespace key="9" case="first-letter">MediaWiki talk</namespace>
      <namespace key="10" case="first-letter">Template</namespace>
      <namespace key="11" case="first-letter">Template talk</namespace>
      <namespace key="12" case="first-letter">Help</namespace>
      <namespace key="13" case="first-letter">Help talk</namespace>
      <namespace key="14" case="first-letter">Category</namespace>
      <namespace key="15" case="first-letter">Category talk</namespace>
      <namespace key="828" case="first-letter">Module</namespace>
      <namespace key="829" case="first-letter">Module talk</namespace>
      <namespace key="2300" case="case-sensitive">Gadget</namespace>
      <namespace key="2301" case="case-sensitive">Gadget talk</namespace>
      <namespace key="2302" case="case-sensitive">Gadget definition</namespace>
      <namespace key="2303" case="case-sensitive">Gadget definition talk</namespace>
    </namespaces>
  </siteinfo>
<page arvcontinue="">
  <title>Vs Bambi Strident Crisis Wiki</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>1</id>
    <timestamp>2021-11-29T15:17:56Z</timestamp>
    <contributor>
      <username>MediaWiki default</username>
      <id>0</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="735" xml:space="preserve">&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;

Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.

== Getting started ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</text>
    <sha1>5702e4d5fd9173246331a889294caf01a3ad3706</sha1>
  </revision>
  <revision>
    <id>30</id>
    <parentid>1</parentid>
    <timestamp>2024-01-03T16:35:58Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <comment>Azgoodaz moved page [[Main Page]] to [[Vr Bambi Strident Crisis Wiki]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="735" xml:space="preserve">&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;

Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.

== Getting started ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</text>
    <sha1>5702e4d5fd9173246331a889294caf01a3ad3706</sha1>
  </revision>
  <revision>
    <id>32</id>
    <parentid>30</parentid>
    <timestamp>2024-01-03T16:36:10Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <comment>Azgoodaz moved page [[Vr Bambi Strident Crisis Wiki]] to [[Vs Bambi Strident Crisis Wiki]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="735" xml:space="preserve">&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;

Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.

== Getting started ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</text>
    <sha1>5702e4d5fd9173246331a889294caf01a3ad3706</sha1>
  </revision>
  <revision>
    <id>39</id>
    <parentid>32</parentid>
    <timestamp>2024-01-03T16:44:44Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1002" xml:space="preserve">&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible. 
&lt;br&gt;
This wiki was created on November 21st 2023, and currently contains '''{{NUMBEROFARTICLES}}''' articles. Everyone is welcome to edit!&lt;/center&gt;

&lt;br&gt;
&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="MPheading"&gt;Content&lt;/div&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="fplinks"&gt;&lt;!--
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Items|Items|size=wide}}&lt;!--
--&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

__NOTOC__
__NOTITLE__

[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>d408714fd1ee626256cc3bfd2a210e0ccb503181</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:Extension DPL</title>
  <ns>10</ns>
  <id>2</id>
  <revision>
    <id>2</id>
    <timestamp>2022-12-18T00:55:51Z</timestamp>
    <contributor>
      <username>DynamicPageList3 extension</username>
      <id>44285</id>
    </contributor>
    <comment>Autogenerated DPL's necessary template for content inclusion</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="272" xml:space="preserve">&lt;noinclude&gt;This page was automatically created. It serves as an anchor page for all '''[[Special:WhatLinksHere/Template:Extension_DPL|invocations]]''' of [https://www.mediawiki.org/wiki/Special:MyLanguage/Extension:DynamicPageList3 Extension:DynamicPageList3].&lt;/noinclude&gt;</text>
    <sha1>087ffd4625ae7b1fea3436ec3f929e82ee739d29</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Privacy</title>
  <ns>8</ns>
  <id>3</id>
  <revision>
    <id>3</id>
    <timestamp>2023-11-21T16:21:40Z</timestamp>
    <contributor>
      <username>Pcj</username>
      <id>1919</id>
    </contributor>
    <comment>Created page with "-"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1" xml:space="preserve">-</text>
    <sha1>3bc15c8aae3e4124dd409035f32ea2fd6835efc9</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Disclaimers</title>
  <ns>8</ns>
  <id>4</id>
  <revision>
    <id>4</id>
    <timestamp>2023-11-21T16:21:48Z</timestamp>
    <contributor>
      <username>Pcj</username>
      <id>1919</id>
    </contributor>
    <comment>Created page with "-"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1" xml:space="preserve">-</text>
    <sha1>3bc15c8aae3e4124dd409035f32ea2fd6835efc9</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Copyright</title>
  <ns>8</ns>
  <id>5</id>
  <revision>
    <id>5</id>
    <timestamp>2023-11-21T16:22:07Z</timestamp>
    <contributor>
      <username>Pcj</username>
      <id>1919</id>
    </contributor>
    <comment>Created page with "&lt;div&gt;&lt;img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /&gt; Page content is under the &lt;a href=https://creativecommons.org/licenses/by-sa/4.0&gt;Creative Commons Attribution-ShareAlike 4.0 License&lt;/a&gt; unless otherwise noted.&lt;/div&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="232" xml:space="preserve">&lt;div&gt;&lt;img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /&gt; Page content is under the &lt;a href=https://creativecommons.org/licenses/by-sa/4.0&gt;Creative Commons Attribution-ShareAlike 4.0 License&lt;/a&gt; unless otherwise noted.&lt;/div&gt;</text>
    <sha1>7290744eba73e7f9987d32ef26b3490f5bea3537</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Site-logo.png</title>
  <ns>6</ns>
  <id>6</id>
  <revision>
    <id>6</id>
    <timestamp>2023-11-22T02:10:21Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>19</id>
    <parentid>6</parentid>
    <timestamp>2024-01-03T13:57:34Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <comment>Azgoodaz moved page [[File:Sclogowiki.png]] to [[File:Site-logo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Theme-definitions</title>
  <ns>8</ns>
  <id>7</id>
  <revision>
    <id>7</id>
    <timestamp>2023-11-22T02:13:00Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "* Green Checkerboard[default|bundled] * Farm Day[bundled] * Farm Night[bundled] * Opposition[bundled]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="101" xml:space="preserve">* Green Checkerboard[default|bundled]
* Farm Day[bundled]
* Farm Night[bundled]
* Opposition[bundled]</text>
    <sha1>6b3b9660b2f22b992b9a91e09933c9f930a92b3a</sha1>
  </revision>
  <revision>
    <id>8</id>
    <parentid>7</parentid>
    <timestamp>2023-11-22T02:13:11Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="95" xml:space="preserve">* Checkerboard[default|bundled]
* Farm Day[bundled]
* Farm Night[bundled]
* Opposition[bundled]</text>
    <sha1>93fff7d41527045a7fb6bb325ada2245c0ed8961</sha1>
  </revision>
  <revision>
    <id>9</id>
    <parentid>8</parentid>
    <timestamp>2023-11-22T02:21:30Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="50" xml:space="preserve">* Checkerboard[default]
* Day
* Night
* Opposition</text>
    <sha1>af0a4fc2c7b767c9d62af1fb57a5cd90846f48bb</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>8</id>
  <revision>
    <id>10</id>
    <timestamp>2023-11-22T02:37:51Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "/* CSS placed here will be applied to all skins */  @import url('/index.php?action=raw&amp;ctype=text/css&amp;title=MediaWiki:Themes.css'); @import url('/index.php?action=raw&amp;ctype=text/css&amp;title=MediaWiki:Mobile.css');"</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="211" xml:space="preserve">/* CSS placed here will be applied to all skins */

@import url('/index.php?action=raw&amp;ctype=text/css&amp;title=MediaWiki:Themes.css');
@import url('/index.php?action=raw&amp;ctype=text/css&amp;title=MediaWiki:Mobile.css');</text>
    <sha1>12864e6ce4f3c47ce0e3439b6f84c45c8e70f46d</sha1>
  </revision>
  <revision>
    <id>11</id>
    <parentid>10</parentid>
    <timestamp>2023-11-22T02:38:07Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="131" xml:space="preserve">/* CSS placed here will be applied to all skins */

@import url('/index.php?action=raw&amp;ctype=text/css&amp;title=MediaWiki:Themes.css');</text>
    <sha1>ddf8d156ab6909ba8ad307d0c136533d4185ae05</sha1>
  </revision>
  <revision>
    <id>15</id>
    <parentid>11</parentid>
    <timestamp>2023-11-24T21:32:57Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="498" xml:space="preserve">/* CSS placed here will be applied to all skins */

@import url('/index.php?action=raw&amp;ctype=text/css&amp;title=MediaWiki:Themes.css');

/* Main page box style */
.mainpage-box {
	background-color: #151d6e;
	border: 3px solid #d53495;
	border-radius: 10px;
	color: #ffffff;
	margin-bottom: 13px;
	padding: 5px;
	width: 100%;
}

/* Main page box style over a header */
.mainpage-box .header {
	font-size: 190%;
	font-variant: small-caps;
	font-weight: bold;
	margin-bottom: 0.5em;
	text-align: center;
}</text>
    <sha1>60942cb3d33aa72107e0e5999fc9dcac4688df9f</sha1>
  </revision>
  <revision>
    <id>16</id>
    <parentid>15</parentid>
    <timestamp>2023-11-24T21:33:17Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="502" xml:space="preserve">/* CSS placed here will be applied to all skins */

/*@import url('/index.php?action=raw&amp;ctype=text/css&amp;title=MediaWiki:Themes.css');/*

/* Main page box style */
.mainpage-box {
	background-color: #151d6e;
	border: 3px solid #d53495;
	border-radius: 10px;
	color: #ffffff;
	margin-bottom: 13px;
	padding: 5px;
	width: 100%;
}

/* Main page box style over a header */
.mainpage-box .header {
	font-size: 190%;
	font-variant: small-caps;
	font-weight: bold;
	margin-bottom: 0.5em;
	text-align: center;
}</text>
    <sha1>3c1201240c33fcb9a97bb3249443c04570d87f9b</sha1>
  </revision>
  <revision>
    <id>35</id>
    <parentid>16</parentid>
    <timestamp>2024-01-03T16:36:52Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79862" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #00aeff;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  200px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #ff9000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #FF0000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: #00aeff;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #333333;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Reverse_1999_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-The_Tau_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>35c9ff931cc55e885e92c7d69c3119a03f59cc51</sha1>
  </revision>
  <revision>
    <id>37</id>
    <parentid>35</parentid>
    <timestamp>2024-01-03T16:38:59Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79862" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #00aeff;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  200px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #FF0000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #FF0000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: #00aeff;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #333333;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Reverse_1999_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-The_Tau_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>7dc64fd9271f862bc2e65773e8cf79e1a7f04508</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Themes.css</title>
  <ns>8</ns>
  <id>9</id>
  <revision>
    <id>12</id>
    <timestamp>2023-11-22T02:41:37Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "#p-themes-item-Checkerboard a { 	background-position: -1008px -1008px; } #p-themes-item-Day a { 	background-position: -1008px -1056px } #p-themes-item-Night a { 	background-position: -1056px -1008px } #p-themes-item-Opposition a { 	background-position: -1152px -1056px }  :root { 	 --bg: url("https://cdn.dashnet.org/cookieclicker/img/bgBlue.jpg"); 	--theme-text: #f5fffa; 	--theme-alt-text: #ffdead; 	--theme-working-link: #99fecb; 	--theme-broken-link: #eea9b8; 	--theme-bo..."</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="1973" xml:space="preserve">#p-themes-item-Checkerboard a {
	background-position: -1008px -1008px;
}
#p-themes-item-Day a {
	background-position: -1008px -1056px
}
#p-themes-item-Night a {
	background-position: -1056px -1008px
}
#p-themes-item-Opposition a {
	background-position: -1152px -1056px
}

:root {
	 --bg: url("https://cdn.dashnet.org/cookieclicker/img/bgBlue.jpg");
	--theme-text: #f5fffa;
	--theme-alt-text: #ffdead;
	--theme-working-link: #99fecb;
	--theme-broken-link: #eea9b8;
	--theme-border: #52280b;
	--theme-left-gradient: #7b3d11;
	--theme-unselected-background: #79431f;
	--theme-background: #915931;
	--theme-text-filter: invert(); /* should match theme-text */
	--theme-external-svg: hue-rotate(-100deg) brightness(5) saturate(0.4); /* should match theme-working-link */
}
.theme-Day {
	--bg: url("https://cdn.dashnet.org/cookieclicker/img/bgPurple.jpg");
	--theme-text: #FFFFFF;
	--theme-alt-text: #B8B8B8;
	--theme-working-link: #A0F76F;
	--theme-broken-link: #E65C41;
	--theme-border: #482d5e;
	--theme-left-gradient: #521687;
	--theme-unselected-background: #54346f;
	--theme-background: #774C9E;
}
.theme-Night {
	--bg: url("https://cdn.dashnet.org/cookieclicker/img/bgRed.jpg");
	--theme-text: #fee;
	--theme-alt-text: #fe6f8a;
	--theme-working-link: #ffaaca;
	--theme-broken-link: #eea9b8;
	--theme-border: #650026;
	--theme-left-gradient: #9c0235;
	--theme-unselected-background: #6f0015;
	--theme-background: #7f0521;
	--theme-text-filter: invert() brightness(0.8) sepia(100) hue-rotate(-60deg);
	--theme-external-svg: hue-rotate(65deg) brightness(3) saturate(0.6);
}
.theme-Opposition {
	--bg: url("https://cdn.dashnet.org/cookieclicker/img/bgPink.jpg");
	--theme-text: #FFF;
	--theme-alt-text: #FFD5EF;
	--theme-working-link: #67F2E5;
	--theme-broken-link: #5E0000;
	--theme-border: #AB2F5D;
	--theme-left-gradient: #DC67B9;
	--theme-unselected-background: #ba4772;
	--theme-background: #CF67A1;
	--theme-external-svg: hue-rotate(-40deg) brightness(2) saturate(0.6)
}</text>
    <sha1>0e0c928051b3848f8f4b6df9380470c9d2b41600</sha1>
  </revision>
  <revision>
    <id>13</id>
    <parentid>12</parentid>
    <timestamp>2023-11-22T02:43:51Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Blanked the page</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Theme-Checkerboard</title>
  <ns>8</ns>
  <id>10</id>
  <revision>
    <id>14</id>
    <timestamp>2023-11-24T21:28:02Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "Checkerboard"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="12" xml:space="preserve">Checkerboard</text>
    <sha1>1e995986a4c0dc82df6b40b7f48b79e92b381ce0</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Theme-Checkerboard.css</title>
  <ns>8</ns>
  <id>11</id>
  <revision>
    <id>17</id>
    <timestamp>2023-11-24T21:34:07Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "/* CSS placed here will be applied to all skins */  /*@import url('/index.php?action=raw&amp;ctype=text/css&amp;title=MediaWiki:Themes.css');/*  /* Main page box style */ .mainpage-box { 	background-color: #151d6e; 	border: 3px solid #d53495; 	border-radius: 10px; 	color: #ffffff; 	margin-bottom: 13px; 	padding: 5px; 	width: 100%; }  /* Main page box style over a header */ .mainpage-box .header { 	font-size: 190%; 	font-variant: small-caps; 	font-weight: bold; 	margin-bottom: 0...."</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="502" xml:space="preserve">/* CSS placed here will be applied to all skins */

/*@import url('/index.php?action=raw&amp;ctype=text/css&amp;title=MediaWiki:Themes.css');/*

/* Main page box style */
.mainpage-box {
	background-color: #151d6e;
	border: 3px solid #d53495;
	border-radius: 10px;
	color: #ffffff;
	margin-bottom: 13px;
	padding: 5px;
	width: 100%;
}

/* Main page box style over a header */
.mainpage-box .header {
	font-size: 190%;
	font-variant: small-caps;
	font-weight: bold;
	margin-bottom: 0.5em;
	text-align: center;
}</text>
    <sha1>3c1201240c33fcb9a97bb3249443c04570d87f9b</sha1>
  </revision>
  <revision>
    <id>18</id>
    <parentid>17</parentid>
    <timestamp>2023-11-24T21:35:11Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="752" xml:space="preserve">/* CSS placed here will be applied to all skins */

/*@import url('/index.php?action=raw&amp;ctype=text/css&amp;title=MediaWiki:Themes.css');/*

/* Main page box style */
.mainpage-box {
	background-color: #151d6e;
	border: 3px solid #d53495;
	border-radius: 10px;
	color: #ffffff;
	margin-bottom: 13px;
	padding: 5px;
	width: 100%;
}

/* Main page box style over a header */
.mainpage-box .header {
	font-size: 190%;
	font-variant: small-caps;
	font-weight: bold;
	margin-bottom: 0.5em;
	text-align: center;
}


.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid #aaa;
}</text>
    <sha1>9748d6d63721971e336433b189b0c25cebdd7ebc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Sclogowiki.png</title>
  <ns>6</ns>
  <id>12</id>
  <revision>
    <id>20</id>
    <timestamp>2024-01-03T13:57:34Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Azgoodaz moved page [[File:Sclogowiki.png]] to [[File:Site-logo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">#REDIRECT [[File:Site-logo.png]]</text>
    <sha1>2e838919411e35103d95442db96339f573d9f62f</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Strident Crisis Logo.png</title>
  <ns>6</ns>
  <id>13</id>
  <revision>
    <id>21</id>
    <timestamp>2024-01-03T14:09:59Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>[[Category:Images]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">== Summary ==
[[Category:Images]]</text>
    <sha1>5022d767b817da517447e12e277be471888ce8bb</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Strident Crisis Year 1 Logo.png</title>
  <ns>6</ns>
  <id>14</id>
  <revision>
    <id>22</id>
    <timestamp>2024-01-03T14:10:07Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>[[Category:Images]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">== Summary ==
[[Category:Images]]</text>
    <sha1>5022d767b817da517447e12e277be471888ce8bb</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Strident Crisis Banner.png</title>
  <ns>6</ns>
  <id>15</id>
  <revision>
    <id>23</id>
    <timestamp>2024-01-03T14:10:15Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>[[Category:Images]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">== Summary ==
[[Category:Images]]</text>
    <sha1>5022d767b817da517447e12e277be471888ce8bb</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Strident Crisis Year 1 Banner.png</title>
  <ns>6</ns>
  <id>16</id>
  <revision>
    <id>24</id>
    <timestamp>2024-01-03T14:10:23Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>[[Category:Images]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">== Summary ==
[[Category:Images]]</text>
    <sha1>5022d767b817da517447e12e277be471888ce8bb</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Strident Crisis Logo V2.png</title>
  <ns>6</ns>
  <id>17</id>
  <revision>
    <id>25</id>
    <timestamp>2024-01-03T14:10:31Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>[[Category:Images]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">== Summary ==
[[Category:Images]]</text>
    <sha1>5022d767b817da517447e12e277be471888ce8bb</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Strident Crisis Logo V1.png</title>
  <ns>6</ns>
  <id>18</id>
  <revision>
    <id>26</id>
    <timestamp>2024-01-03T14:10:38Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>[[Category:Images]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">== Summary ==
[[Category:Images]]</text>
    <sha1>5022d767b817da517447e12e277be471888ce8bb</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Strident Crisis Old Logo V1.png</title>
  <ns>6</ns>
  <id>19</id>
  <revision>
    <id>27</id>
    <timestamp>2024-01-03T14:10:45Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>[[Category:Images]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">== Summary ==
[[Category:Images]]</text>
    <sha1>5022d767b817da517447e12e277be471888ce8bb</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Strident Crisis Old Logo V2.png</title>
  <ns>6</ns>
  <id>20</id>
  <revision>
    <id>28</id>
    <timestamp>2024-01-03T14:10:51Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>[[Category:Images]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">== Summary ==
[[Category:Images]]</text>
    <sha1>5022d767b817da517447e12e277be471888ce8bb</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Common.js</title>
  <ns>8</ns>
  <id>21</id>
  <revision>
    <id>29</id>
    <timestamp>2024-01-03T16:32:30Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "/* Any JavaScript here will be loaded for all users on every page load. */  mw.loader.getScript( 'https://commons.wiki.gg/index.php?title=MediaWiki:Common-base.js&amp;action=raw&amp;ctype=text/javascript' );  /* ========================================== Scroll detector for the fadeInUp animation ========================================== */ $( document ).ready(function() {   $(window).scroll(function() {  	$('.fadeInUpObject').each(function(){  	var imagePos = $(this).offset()...."</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="1336" xml:space="preserve">/* Any JavaScript here will be loaded for all users on every page load. */

mw.loader.getScript( 'https://commons.wiki.gg/index.php?title=MediaWiki:Common-base.js&amp;action=raw&amp;ctype=text/javascript' );

/*
==========================================
Scroll detector for the fadeInUp animation
==========================================
*/
$( document ).ready(function() { 

$(window).scroll(function() { 
	$('.fadeInUpObject').each(function(){ 
	var imagePos = $(this).offset().top; 
	
	var topOfWindow = $(window).scrollTop(); 
		if (imagePos &lt; topOfWindow+600) { 
			$(this).addClass("fadeInUp"); 
		}
			
	});
		
});

});


/* 
==========================================
Scroll detector for the pullDown animation 
==========================================
*/ 

$( document ).ready(function() { //when the page has loaded,

$(window).scroll(function() { 
	$('.pullDownObject').each(function(){ //For each element with the class "pullDownObject",
	var imagePos = $(this).offset().top; 
	
	var topOfWindow = $(window).scrollTop(); //(Defining topOfWindow)
		if (imagePos &lt; topOfWindow+600) { //If the element is 600px away from topOfWindow,
			$(this).addClass("pullDown"); //Add the "pullDown" class to it, giving it the animation
		}
			
	});
		
});

});

/* Note that the pullDown class is defined elsewhere, in the wiki's CSS page */</text>
    <sha1>0a85c3105e871d9bea3f008f67a80d1beab2a9c7</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Main Page</title>
  <ns>0</ns>
  <id>22</id>
  <revision>
    <id>31</id>
    <timestamp>2024-01-03T16:35:58Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Azgoodaz moved page [[Main Page]] to [[Vr Bambi Strident Crisis Wiki]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="43" xml:space="preserve">#REDIRECT [[Vr Bambi Strident Crisis Wiki]]</text>
    <sha1>993a821b8f6638b7499a19aefb69315ac1f2b6f9</sha1>
  </revision>
  <revision>
    <id>34</id>
    <parentid>31</parentid>
    <timestamp>2024-01-03T16:36:37Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Changed redirect target from [[Vr Bambi Strident Crisis Wiki]] to [[Vs Bambi Strident Crisis Wiki]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="43" xml:space="preserve">#REDIRECT [[Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>84c50e6445aa65b072d7de3d8463f06595d74dfc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Category:Images</title>
  <ns>14</ns>
  <id>24</id>
  <revision>
    <id>36</id>
    <timestamp>2024-01-03T16:38:34Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "[[Category:Media]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="18" xml:space="preserve">[[Category:Media]]</text>
    <sha1>b141d2b9971d6efe9f59bd03449781e71411c631</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:FP link</title>
  <ns>10</ns>
  <id>25</id>
  <revision>
    <id>38</id>
    <timestamp>2024-01-03T16:44:24Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;onlyinclude&gt;&lt;includeonly&gt;&lt;div class="fplink-outer plainlinks {{#switch:{{lc:{{{width|}}}}}|wide=fplink-wide|full=fplink-fullwidth}}"&gt; 	&lt;div class="fplink {{#switch:{{{plain|}}}|yes|true|1=fplink-plain}}"&gt; 		{{#if:{{{image|}}}|&lt;div class="fplink-inner {{#ifexist:Media:{{{image|}}}||nomobile}}"&gt;{{#ifexist:Media:{{{image|}}} 				|[[File:{{{image|}}}|150x150px|link={{#if:{{{url|}}} 					|{{{url|}}} 					|{{{1|}}} 				}}]] 				|[[File:{{{image|}}}|Please upload an image]]..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="908" xml:space="preserve">&lt;onlyinclude&gt;&lt;includeonly&gt;&lt;div class="fplink-outer plainlinks {{#switch:{{lc:{{{width|}}}}}|wide=fplink-wide|full=fplink-fullwidth}}"&gt;
	&lt;div class="fplink {{#switch:{{{plain|}}}|yes|true|1=fplink-plain}}"&gt;
		{{#if:{{{image|}}}|&lt;div class="fplink-inner {{#ifexist:Media:{{{image|}}}||nomobile}}"&gt;{{#ifexist:Media:{{{image|}}}
				|[[File:{{{image|}}}|150x150px|link={{#if:{{{url|}}}
					|{{{url|}}}
					|{{{1|}}}
				}}]]
				|[[File:{{{image|}}}|Please upload an image]]
			}}
			&lt;/div&gt;
		}}{{#switch:{{#if:{{{image|}}}|{{{imageonly|}}}|}}
			|yes|true|1=
			|#default=&lt;div class="fplink-inner"&gt;{{#if:{{{url|}}}
				|{{#if:{{{1|}}}
					|[{{{url}}} {{{1}}}]
					|[{{{url}}}]
				}}
				|{{#if:{{{1|}}}
					|{{#if:{{{2|}}}
						|[[{{{1}}}|{{{2}}}]]
						|[[{{{1}}}]]
					}}
				}}
			}}
			&lt;/div&gt;
		}}
	&lt;/div&gt;
&lt;/div&gt;&lt;/includeonly&gt;&lt;/onlyinclude&gt;&lt;noinclude&gt;
[[Category:Formatting templates]]
&lt;/noinclude&gt;</text>
    <sha1>8f2a0f41b6d0f782db5d85dba628902649f5cbbb</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:InfoboxGame</title>
  <ns>10</ns>
  <id>26</id>
  <revision>
    <id>40</id>
    <timestamp>2024-01-03T16:46:13Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt;&lt;infobox&gt;   &lt;title source="title"&gt;     &lt;default&gt;{{PAGENAME}}&lt;/default&gt;   &lt;/title&gt;   &lt;image source="image"&gt;     &lt;caption source="caption"/&gt;   &lt;/image&gt;   &lt;data source="developer"&gt;     &lt;label&gt;Developer&lt;/label&gt;   &lt;/data&gt;   &lt;data source="publisher"&gt;     &lt;label&gt;Publisher&lt;/label&gt;   &lt;/data&gt;   &lt;data source="release"&gt;     &lt;label&gt;Release date&lt;/label&gt;   &lt;/data&gt;   &lt;data source="platform"&gt;     &lt;label&gt;Platform&lt;/label&gt;   &lt;/data&gt; &lt;/infobox&gt;&lt;/includeonly&gt;&lt;noinclude&gt; Usage:&lt;pr..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="615" xml:space="preserve">&lt;includeonly&gt;&lt;infobox&gt;
  &lt;title source="title"&gt;
    &lt;default&gt;{{PAGENAME}}&lt;/default&gt;
  &lt;/title&gt;
  &lt;image source="image"&gt;
    &lt;caption source="caption"/&gt;
  &lt;/image&gt;
  &lt;data source="developer"&gt;
    &lt;label&gt;Developer&lt;/label&gt;
  &lt;/data&gt;
  &lt;data source="publisher"&gt;
    &lt;label&gt;Publisher&lt;/label&gt;
  &lt;/data&gt;
  &lt;data source="release"&gt;
    &lt;label&gt;Release date&lt;/label&gt;
  &lt;/data&gt;
  &lt;data source="platform"&gt;
    &lt;label&gt;Platform&lt;/label&gt;
  &lt;/data&gt;
&lt;/infobox&gt;&lt;/includeonly&gt;&lt;noinclude&gt;
Usage:&lt;pre&gt;
{{InfoboxGame
|title=
|image=
|caption=
|developer=
|publisher=
|release=
|platform=
}}
&lt;/pre&gt;
[[Category:Infobox templates]]&lt;/noinclude&gt;</text>
    <sha1>ce818e81bba1bab2e1192621b9a8fd4fc7ebe332</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Friday Night Funkin' Vs Bambi Strident Crisis</title>
  <ns>0</ns>
  <id>27</id>
  <revision>
    <id>41</id>
    <timestamp>2024-01-03T16:52:04Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "{{InfoboxGame |title=Friday Night Funkin' Vs Bambi Strident Crisis |image=Strident Crisis Old Logo V2.png |caption= |developer= |publisher= |release= |platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)] }}  '''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].  ==Summary== N/A  ==Media== &lt;tabber&gt; Videos= {{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}} |-| Gallery= &lt;gallery&gt; Strident Cr..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="763" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
N/A

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>b3ab5b4a17ccbf341e108b0b9796715e7a1254ab</sha1>
  </revision>
  <revision>
    <id>44</id>
    <parentid>41</parentid>
    <timestamp>2024-01-03T16:55:07Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="869" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022 (V1)
* November 10, 2022 (V1.5)
* March 5, 2023 (Anniversary Edition)
* Upcoming (Reboot)
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
N/A

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>e234ff1a84ae549e3a8ba13429b2acd0bc56ebc1</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Category:Vs Bambi Strident Crisis</title>
  <ns>14</ns>
  <id>28</id>
  <revision>
    <id>42</id>
    <timestamp>2024-01-03T16:52:25Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "[[Category:Games]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="18" xml:space="preserve">[[Category:Games]]</text>
    <sha1>1f0be2923d4179a065c9d4a005a02daf12dcb217</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Category:Games</title>
  <ns>14</ns>
  <id>29</id>
  <revision>
    <id>43</id>
    <timestamp>2024-01-03T16:52:34Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "[[Category:Media]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="18" xml:space="preserve">[[Category:Media]]</text>
    <sha1>b141d2b9971d6efe9f59bd03449781e71411c631</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Category:Pages using Tabber parser tag</title>
  <ns>14</ns>
  <id>30</id>
  <revision>
    <id>45</id>
    <timestamp>2024-01-03T16:55:52Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "[[Category:Maintenance]] __HIDDENCAT__"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="38" xml:space="preserve">[[Category:Maintenance]]
__HIDDENCAT__</text>
    <sha1>244b8b3128370524e5030433081562a10e4c9db4</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Category:Hidden categories</title>
  <ns>14</ns>
  <id>31</id>
  <revision>
    <id>46</id>
    <timestamp>2024-01-03T16:56:10Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "This category contains hidden categories. Unlike normal categories, these are not displayed at the bottom of pages that are included in them, and are therefore hidden from readers.  To hide a category, add the &lt;code&gt;&lt;nowiki&gt;__HIDDENCAT__&lt;/nowiki&gt;&lt;/code&gt; magic word to the bottom of a category. [[Category:Maintenance]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="318" xml:space="preserve">This category contains hidden categories. Unlike normal categories, these are not displayed at the bottom of pages that are included in them, and are therefore hidden from readers.

To hide a category, add the &lt;code&gt;&lt;nowiki&gt;__HIDDENCAT__&lt;/nowiki&gt;&lt;/code&gt; magic word to the bottom of a category.
[[Category:Maintenance]]</text>
    <sha1>650e3cfcc8257f1f6a737d6629162bcdd133f2d7</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Category:Maintenance</title>
  <ns>14</ns>
  <id>32</id>
  <revision>
    <id>47</id>
    <timestamp>2024-01-03T16:56:24Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "[[Category:Vs Bambi Strident Crisis Wiki]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="42" xml:space="preserve">[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>f03b38fb44117f04ac782f2a9f879a1b5df2cd46</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>33</id>
  <revision>
    <id>48</id>
    <timestamp>2024-01-03T16:58:09Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with " * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki  * Portal ** https://discord.gg/jqCub2mjhr|Discord  * SEARCH * TOOLBOX * LANGUAGES"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="220" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Portal
** https://discord.gg/jqCub2mjhr|Discord

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>4871f609c25c3fb1c9d29a996b7d7fc9a8098a31</sha1>
  </revision>
  <revision>
    <id>49</id>
    <parentid>48</parentid>
    <timestamp>2024-01-03T16:58:44Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="241" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** portal-url|portal
** randompage-url|randompage
** helppage|help-mediawiki

* Portal
** https://discord.gg/jqCub2mjhr|Discord

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>e582659bbd9a729657ce525c5f8738b1d66e6d86</sha1>
  </revision>
  <revision>
    <id>50</id>
    <parentid>49</parentid>
    <timestamp>2024-01-03T16:58:54Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="242" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** portal-url|portal
** randompage-url|randompage
** helppage|help-mediawiki

* Portals
** https://discord.gg/jqCub2mjhr|Discord

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>b6cd19a58abe0758e5d83713496ff1420d646e57</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Vs Bambi Strident Crisis Wiki:Community portal</title>
  <ns>4</ns>
  <id>34</id>
  <revision>
    <id>51</id>
    <timestamp>2024-01-03T16:59:15Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "{| style="width: 100%;" cellspacing=10 |-valign="top" | style="background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; width: 67%;" | &lt;div style="text-align: center; font-size: 100%; font-weight: bold;"&gt;Need help, want something changed or want to debate about something? In the community portal you will find exactly what you need!&lt;br&gt; Add '''{{PAGENAME}}''' to your [[Special:Watchlist|watchlist]] and stay on top of things!..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2325" xml:space="preserve">{| style="width: 100%;" cellspacing=10
|-valign="top"
| style="background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; width: 67%;" | &lt;div style="text-align: center; font-size: 100%; font-weight: bold;"&gt;Need help, want something changed or want to debate about something? In the community portal you will find exactly what you need!&lt;br&gt;
Add '''{{PAGENAME}}''' to your [[Special:Watchlist|watchlist]] and stay on top of things!&lt;/div&gt;

&lt;br /&gt;

{{SITENAME}} is a ''community project'' run entirely by volunteers to provide information for the game.

Our community of editors is open to anyone. If you would like to join in:

*Register
**While you can edit anonymously, a [[Special:CreateAccount|free account]] makes it easier to keep track of your own edits.

*Need help
**Check out our [https://support.wiki.gg/ help wiki].

*Be bold
**There's no need to wait. Jump right in and start editing. The [[:Category:Wiki maintenance|wiki maintenance category]] may be a great place to start, or you can start small by fixing spelling, grammar, and other errors you come across.

*Translations
**Would you like to help manage translations of the wiki? Head to, [[{{SITENAME}}:Translation portal|Translation portal]].

*Templates
**Would you like to create a page, but don't know how to categorize it? Head to, [[Help:Templates]].

*Start a new article
*:&lt;inputbox&gt;
type= create
width= 40
&lt;/inputbox&gt;
&lt;div style="text-align:center;"&gt;''Alternatively, just type a new article name in the search box. A link will be provided to start the article at the top of the search results.''&lt;/div&gt;

*Recent changes
**See a list of [[Special:RecentChanges|recent changes]].

*Tips / Tricks
** [https://ark.wiki.gg/ ARK Wiki] made a browser extension that redirects from the old wiki for an easier switch, [https://support.wiki.gg/wiki/Wiki.gg_Redirect download it here].

*Community discussion
**See what the community is currently [[{{TALKPAGENAME}}|talking about or make suggestions]].

| style="background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px;" |
{{Wikigg wiki staff list (section)}}
{{Community admins list}}
{{Translator admins list}}
|}

== What to do? ==
=== Page Improvements ===
* N/A

[[Category:Community]]
&lt;!-- post topics below --&gt;</text>
    <sha1>e750036b4f5fb38aa0f4450c114453d165beef93</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:Wikigg wiki staff list (section)</title>
  <ns>10</ns>
  <id>35</id>
  <revision>
    <id>52</id>
    <timestamp>2024-01-03T17:00:03Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "=== Wiki.gg Staff Representative === {| style="width: {{{1|100%}}};" |- {{Wiki Admin|pcj|[[File:Flag us.svg|16px|English]]}} |- {{Wiki Admin|ReedemtheD3ad!|[[File:Flag us.svg|16px|English]]}} |- {{Wiki Admin|Stygies VIII|[[File:Flag pl.svg|16px|Polish]]}} |- {{Wiki Admin|westgrass|[[File:Flag cn.svg|16px|Chinese]]}} |} &lt;noinclude&gt;[[Category:Wiki staff templates]]&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="377" xml:space="preserve">=== Wiki.gg Staff Representative ===
{| style="width: {{{1|100%}}};"
|-
{{Wiki Admin|pcj|[[File:Flag us.svg|16px|English]]}}
|-
{{Wiki Admin|ReedemtheD3ad!|[[File:Flag us.svg|16px|English]]}}
|-
{{Wiki Admin|Stygies VIII|[[File:Flag pl.svg|16px|Polish]]}}
|-
{{Wiki Admin|westgrass|[[File:Flag cn.svg|16px|Chinese]]}}
|}
&lt;noinclude&gt;[[Category:Wiki staff templates]]&lt;/noinclude&gt;</text>
    <sha1>79efcf5d1d85168b785d38d2b100b63bc3c2a74d</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:Wiki Admin</title>
  <ns>10</ns>
  <id>36</id>
  <revision>
    <id>53</id>
    <timestamp>2024-01-03T17:00:18Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt;{{#if:{{{1|}}}| {{!}} style{{=}}"width:50%;" {{!}} [[User:{{{1}}}{{!}}{{{1}}}]] {{{2|}}} / [[User talk:{{{1}}}{{!}}''talk'']] / [[Special:Contributions/{{{1}}}{{!}}''contribs'']] | {{!}} colspan{{=}}"2" {{!}} None }}&lt;/includeonly&gt;&lt;noinclude&gt;[[Category:Templates]]&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="288" xml:space="preserve">&lt;includeonly&gt;{{#if:{{{1|}}}|
{{!}} style{{=}}"width:50%;" {{!}} [[User:{{{1}}}{{!}}{{{1}}}]] {{{2|}}} / [[User talk:{{{1}}}{{!}}''talk'']] / [[Special:Contributions/{{{1}}}{{!}}''contribs'']] |
{{!}} colspan{{=}}"2" {{!}} None }}&lt;/includeonly&gt;&lt;noinclude&gt;[[Category:Templates]]&lt;/noinclude&gt;</text>
    <sha1>5025cfc394540c7e40ba4ac58f659849b602f6db</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:Translator admins list</title>
  <ns>10</ns>
  <id>37</id>
  <revision>
    <id>54</id>
    <timestamp>2024-01-03T17:00:43Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "=== Translators === {| style="width: {{{1|100%}}};" |- N/A |} &lt;noinclude&gt;[[Category:Wiki staff templates]]&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="118" xml:space="preserve">=== Translators ===
{| style="width: {{{1|100%}}};"
|-
N/A
|}
&lt;noinclude&gt;[[Category:Wiki staff templates]]&lt;/noinclude&gt;</text>
    <sha1>7439da6c7079b0b343dd96b09c58a103d3a600d7</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:Community admins list</title>
  <ns>10</ns>
  <id>38</id>
  <revision>
    <id>55</id>
    <timestamp>2024-01-03T17:01:09Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "=== Wiki.gg Admin's === {| style="width: {{{1|100%}}};" |- {{Wiki Admin|NameHere|[[File:Flag us.svg|16px|English]]}} |} &lt;noinclude&gt;[[Category:Wiki staff templates]]&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="176" xml:space="preserve">=== Wiki.gg Admin's ===
{| style="width: {{{1|100%}}};"
|-
{{Wiki Admin|NameHere|[[File:Flag us.svg|16px|English]]}}
|}
&lt;noinclude&gt;[[Category:Wiki staff templates]]&lt;/noinclude&gt;</text>
    <sha1>92a7473648fcd7fe0ee54e970c7ed4aae3ba44f7</sha1>
  </revision>
  <revision>
    <id>69</id>
    <parentid>55</parentid>
    <timestamp>2024-01-04T12:27:05Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="372" xml:space="preserve">=== Wiki.gg Admin's ===
{| style="width: {{{1|100%}}};"
|-
{{Wiki Admin|GnumpStonetoe|[[File:Flag us.svg|16px|English]]}}
|-
{{Wiki Admin|Clackgot|[[File:Flag us.svg|16px|English]]}}
|-
{{Wiki Admin|CasualInterest|[[File:Flag us.svg|16px|English]]}}
|-
{{Wiki Admin|Tomy Rouse|[[File:Flag us.svg|16px|English]]}}
|}
&lt;noinclude&gt;[[Category:Wiki staff templates]]&lt;/noinclude&gt;</text>
    <sha1>b1046a330a3e3ae945539c11f13778084f0403d8</sha1>
  </revision>
  <revision>
    <id>70</id>
    <parentid>69</parentid>
    <timestamp>2024-01-04T12:27:27Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Undo revision 69 by [[Special:Contributions/Azgoodaz|Azgoodaz]] ([[User talk:Azgoodaz|talk]])</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="176" xml:space="preserve">=== Wiki.gg Admin's ===
{| style="width: {{{1|100%}}};"
|-
{{Wiki Admin|NameHere|[[File:Flag us.svg|16px|English]]}}
|}
&lt;noinclude&gt;[[Category:Wiki staff templates]]&lt;/noinclude&gt;</text>
    <sha1>92a7473648fcd7fe0ee54e970c7ed4aae3ba44f7</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>33</id>
  <revision>
    <id>56</id>
    <parentid>50</parentid>
    <timestamp>2024-01-03T17:02:58Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="214" xml:space="preserve">* navigation
** mainpage|mainpage-description
** portal-url|portal
** recentchanges-url|recentchanges
** randompage-url|randompage

* Portals
** https://discord.gg/jqCub2mjhr|Discord

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>c2f8ccad1b1570fe7c8ca394ae78f2f9ecb78541</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>8</id>
  <revision>
    <id>57</id>
    <parentid>37</parentid>
    <timestamp>2024-01-03T17:04:24Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79862" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #00aeff;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #FF0000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #FF0000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: #00aeff;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #333333;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Reverse_1999_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-The_Tau_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>08037db8856915f3acb371e3e75c10727f07e020</sha1>
  </revision>
  <revision>
    <id>60</id>
    <parentid>57</parentid>
    <timestamp>2024-01-03T17:09:22Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79862" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #FF0000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #FF0000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: #00aeff;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #333333;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Reverse_1999_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-The_Tau_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>07fdcbf7950251ff144bbe8929a014313b73cb6d</sha1>
  </revision>
  <revision>
    <id>71</id>
    <parentid>60</parentid>
    <timestamp>2024-01-04T12:34:12Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79891" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #FF0000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #FF0000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: #00aeff;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #333333;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>034ef3a8d944abdbf221ea15170d6661a1f23752</sha1>
  </revision>
  <revision>
    <id>72</id>
    <parentid>71</parentid>
    <timestamp>2024-01-12T16:33:01Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Fixing typing indicator in Edit Summary sections</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79897" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #FF0000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #FF0000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: #00aeff;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #333333;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>c88aaf6d872382a8f2acd198c0d8524c09e4b3e7</sha1>
  </revision>
  <revision>
    <id>74</id>
    <parentid>72</parentid>
    <timestamp>2024-01-21T17:12:28Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79967" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #FF0000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #FF0000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: #00aeff;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #333333;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>a90551cdb83f76ac4666e09c12d746f54c491d73</sha1>
  </revision>
  <revision>
    <id>78</id>
    <parentid>74</parentid>
    <timestamp>2024-01-21T17:23:12Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79967" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #FF0000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #FF0000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: #00aeff;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>873cd31bcf94f30d98ffe79070553f2ee23661db</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Friday Night Funkin' Vs Bambi Strident Crisis</title>
  <ns>0</ns>
  <id>27</id>
  <revision>
    <id>58</id>
    <parentid>44</parentid>
    <timestamp>2024-01-03T17:06:25Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1282" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022 (V1)
* November 10, 2022 (V1.5)
* March 5, 2023 (Anniversary Edition)
* Upcoming (Reboot)
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
N/A

==How to Play==
You have a very simple task in Friday Night Funkin FNF vs Bambi: Strident Crisis Mod to play when the Arrow Marks are coming from below, when the arrows are on the top arrow, then press the exact arrows.

===Game Controls===
The Keybaord Controls for FNF vs Bambi: Strident Crisis Mod are WASD or Arrow Keys.

Use the Up, Down, Left and Right buttons to follow the rhythm, and beat your enemies!

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>b5eec80a7cbdd0db86190eecb015836d6f562e5b</sha1>
  </revision>
  <revision>
    <id>59</id>
    <parentid>58</parentid>
    <timestamp>2024-01-03T17:06:36Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1278" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022 (V1)
* November 10, 2022 (V1.5)
* March 5, 2023 (Anniversary Edition)
* Upcoming (Reboot)
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
N/A

==How to Play==
You have a very simple task in Friday Night Funkin Vs Bambi: Strident Crisis Mod to play when the Arrow Marks are coming from below, when the arrows are on the top arrow, then press the exact arrows.

===Game Controls===
The Keybaord Controls for FNF vs Bambi: Strident Crisis Mod are WASD or Arrow Keys.

Use the Up, Down, Left and Right buttons to follow the rhythm, and beat your enemies!

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>ad6c774710fbf5ebee7cdc3bacf0054cec140905</sha1>
  </revision>
  <revision>
    <id>90</id>
    <parentid>59</parentid>
    <timestamp>2024-01-21T17:29:54Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1299" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022 (V1)
* November 10, 2022 (V1.5)
* March 5, 2023 (Anniversary Edition)
* Upcoming (Reboot)
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
N/A

==How to Play==
You have a very simple task in Friday Night Funkin Vs Bambi: Strident Crisis Mod to play when the Arrow Marks are coming from below, when the arrows are on the top arrow, then press the exact arrows.

===Game Controls===
The Keybaord Controls for FNF vs Bambi: Strident Crisis Mod are WASD or Arrow Keys.

Use the Up, Down, Left and Right buttons to follow the rhythm, and beat your enemies!

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>ac0372d08d73ba82cb38745b58249e9732b4f701</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Category:Vs Bambi Strident Crisis Wiki</title>
  <ns>14</ns>
  <id>39</id>
  <revision>
    <id>61</id>
    <timestamp>2024-01-03T17:09:40Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "[[Category:Vs Bambi Strident Crisis Wiki]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="42" xml:space="preserve">[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>f03b38fb44117f04ac782f2a9f879a1b5df2cd46</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Vs Bambi Strident Crisis</title>
  <ns>0</ns>
  <id>40</id>
  <revision>
    <id>62</id>
    <timestamp>2024-01-03T17:19:00Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Redirected page to [[Friday Night Funkin' Vs Bambi Strident Crisis]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="59" xml:space="preserve">#REDIRECT [[Friday Night Funkin' Vs Bambi Strident Crisis]]</text>
    <sha1>87e6ec6835fc6d09e9898b5eb1d894e8457c9235</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Bambi Strident Crisis</title>
  <ns>0</ns>
  <id>41</id>
  <revision>
    <id>63</id>
    <timestamp>2024-01-03T17:19:03Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Redirected page to [[Friday Night Funkin' Vs Bambi Strident Crisis]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="59" xml:space="preserve">#REDIRECT [[Friday Night Funkin' Vs Bambi Strident Crisis]]</text>
    <sha1>87e6ec6835fc6d09e9898b5eb1d894e8457c9235</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Vs Bambi Strident Crisis Wiki:About</title>
  <ns>4</ns>
  <id>42</id>
  <revision>
    <id>64</id>
    <timestamp>2024-01-03T17:20:25Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "The '''{{SITENAME}}''' is the largest encyclopedia of information and guides relating to [[Friday Night Funkin' Vs Bambi Strident Crisis]].  The wiki is a flexible web-based database of information made up entirely of user contributions, utilizing MediaWiki software. Please see [[Project:Copyrights|this page]] for information regarding licensing and intellectual property on {{SITENAME}}. Your use of {{SITENAME}} is subject to our terms of service, available at https://wi..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="524" xml:space="preserve">The '''{{SITENAME}}''' is the largest encyclopedia of information and guides relating to [[Friday Night Funkin' Vs Bambi Strident Crisis]].

The wiki is a flexible web-based database of information made up entirely of user contributions, utilizing MediaWiki software. Please see [[Project:Copyrights|this page]] for information regarding licensing and intellectual property on {{SITENAME}}. Your use of {{SITENAME}} is subject to our terms of service, available at https://wiki.gg/termsofservice/

[[Category:Legal notices]]</text>
    <sha1>13d114d1eafb827e1a21718b088789405e038c8b</sha1>
  </revision>
  <revision>
    <id>65</id>
    <parentid>64</parentid>
    <timestamp>2024-01-03T17:20:39Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Vs Bambi Strident Crisis Wiki:About]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="524" xml:space="preserve">The '''{{SITENAME}}''' is the largest encyclopedia of information and guides relating to [[Friday Night Funkin' Vs Bambi Strident Crisis]].

The wiki is a flexible web-based database of information made up entirely of user contributions, utilizing MediaWiki software. Please see [[Project:Copyrights|this page]] for information regarding licensing and intellectual property on {{SITENAME}}. Your use of {{SITENAME}} is subject to our terms of service, available at https://wiki.gg/termsofservice/

[[Category:Legal notices]]</text>
    <sha1>13d114d1eafb827e1a21718b088789405e038c8b</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Vs Bambi Strident Crisis Wiki:Copyrights</title>
  <ns>4</ns>
  <id>43</id>
  <revision>
    <id>66</id>
    <timestamp>2024-01-03T17:20:51Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "'''{{SITENAME}}''' content, materials, brand-names and logos of companies are the intellectual property of their respective owners.  Content that you make available on {{SITENAME}} is licensed by you to us under our [https://wiki.gg/termsofservice/ Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license.  Any content with said logos features a proper copyright license to adhere to regulations. {{SI..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="969" xml:space="preserve">'''{{SITENAME}}''' content, materials, brand-names and logos of companies are the intellectual property of their respective owners.

Content that you make available on {{SITENAME}} is licensed by you to us under our [https://wiki.gg/termsofservice/ Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license.

Any content with said logos features a proper copyright license to adhere to regulations. {{SITENAME}} is not affiliated with any of the brand-names, LLC's or companies featured on this Wiki.

All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the Creative Commons [https://creativecommons.org/licenses/by-nc-sa/4.0/ Attribution-NonCommercial-ShareAlike 4.0 Unported (CC BY-NC-SA 4.0)] license.  You may read the [http://creativecommons.org/licenses/by-sa/4.0/legalcode full legal code of the license here].

[[Category:Legal notices]]</text>
    <sha1>3b559c80cc93c5aa618c5f453020981cf51d9a6d</sha1>
  </revision>
  <revision>
    <id>67</id>
    <parentid>66</parentid>
    <timestamp>2024-01-03T17:21:01Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Vs Bambi Strident Crisis Wiki:Copyrights]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="969" xml:space="preserve">'''{{SITENAME}}''' content, materials, brand-names and logos of companies are the intellectual property of their respective owners.

Content that you make available on {{SITENAME}} is licensed by you to us under our [https://wiki.gg/termsofservice/ Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license.

Any content with said logos features a proper copyright license to adhere to regulations. {{SITENAME}} is not affiliated with any of the brand-names, LLC's or companies featured on this Wiki.

All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the Creative Commons [https://creativecommons.org/licenses/by-nc-sa/4.0/ Attribution-NonCommercial-ShareAlike 4.0 Unported (CC BY-NC-SA 4.0)] license.  You may read the [http://creativecommons.org/licenses/by-sa/4.0/legalcode full legal code of the license here].

[[Category:Legal notices]]</text>
    <sha1>3b559c80cc93c5aa618c5f453020981cf51d9a6d</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Category:Legal notices</title>
  <ns>14</ns>
  <id>44</id>
  <revision>
    <id>68</id>
    <timestamp>2024-01-03T17:21:19Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "[[Category:Vs Bambi Strident Crisis Wiki]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="42" xml:space="preserve">[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>f03b38fb44117f04ac782f2a9f879a1b5df2cd46</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>File:Checkerboard.png</title>
  <ns>6</ns>
  <id>45</id>
  <revision>
    <id>73</id>
    <timestamp>2024-01-21T17:12:10Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>[[Category:Wiki Site Images]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="43" xml:space="preserve">== Summary ==
[[Category:Wiki Site Images]]</text>
    <sha1>59c4e6464a9c9f02d192542d1b899be933032be7</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>MediaWiki:Theme-definitions</title>
  <ns>8</ns>
  <id>7</id>
  <revision>
    <id>75</id>
    <parentid>9</parentid>
    <timestamp>2024-01-21T17:17:46Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="46" xml:space="preserve">* Checkerboard[default|bundled]
* light
* dark</text>
    <sha1>6cd1e3cdc0faa216bfc275dbf6155e6cedb43e74</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>MediaWiki:Theme-light.css</title>
  <ns>8</ns>
  <id>46</id>
  <revision>
    <id>76</id>
    <timestamp>2024-01-21T17:19:43Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "/*** Theme with Light Background ***/  .mw-body { 	background: #fff; }  :root  { 	 --theme-text-color: black; }"</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="111" xml:space="preserve">/*** Theme with Light Background ***/

.mw-body {
	background: #fff;
}

:root 
{
	 --theme-text-color: black;
}</text>
    <sha1>dd58402bd27a1ba06262fc1c077c31182c078b89</sha1>
  </revision>
  <revision>
    <id>91</id>
    <parentid>76</parentid>
    <timestamp>2024-01-21T17:32:03Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="147" xml:space="preserve">/*** Theme with Light Background ***/

.mw-body {
	background: #fff;
}

:root 
{
	 --theme-text-color: black;
	 --theme-content-background: #fff;
}</text>
    <sha1>7fa66aa1e70462b5db2c1f6032d3fbbf5de7b1bb</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>MediaWiki:Theme-dark.css</title>
  <ns>8</ns>
  <id>47</id>
  <revision>
    <id>77</id>
    <timestamp>2024-01-21T17:19:57Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "/*** Theme with Dark Background ***/  .mw-body { 	background: #000; }  :root  { 	 --theme-text-color: white; }"</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="110" xml:space="preserve">/*** Theme with Dark Background ***/

.mw-body {
	background: #000;
}

:root 
{
	 --theme-text-color: white;
}</text>
    <sha1>01ff3b22b01d02c1cb13fc8dc8704ec461dc5735</sha1>
  </revision>
  <revision>
    <id>92</id>
    <parentid>77</parentid>
    <timestamp>2024-01-21T17:32:08Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="146" xml:space="preserve">/*** Theme with Dark Background ***/

.mw-body {
	background: #000;
}

:root 
{
	 --theme-text-color: white;
	 --theme-content-background: #000;
}</text>
    <sha1>1fb8e617acf47e3e26653b4ebbddae4b35b5d6fc</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Vs Bambi Strident Crisis Wiki</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>79</id>
    <parentid>39</parentid>
    <timestamp>2024-01-21T17:23:43Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Vs Bambi Strident Crisis Wiki]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1002" xml:space="preserve">&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible. 
&lt;br&gt;
This wiki was created on November 21st 2023, and currently contains '''{{NUMBEROFARTICLES}}''' articles. Everyone is welcome to edit!&lt;/center&gt;

&lt;br&gt;
&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="MPheading"&gt;Content&lt;/div&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="fplinks"&gt;&lt;!--
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Items|Items|size=wide}}&lt;!--
--&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

__NOTOC__
__NOTITLE__

[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>d408714fd1ee626256cc3bfd2a210e0ccb503181</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>MediaWiki:Gadget-UserProfile</title>
  <ns>8</ns>
  <id>48</id>
  <revision>
    <id>80</id>
    <timestamp>2024-01-21T17:24:53Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "Shows users statistics and groups on Profile Pages"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="50" xml:space="preserve">Shows users statistics and groups on Profile Pages</text>
    <sha1>19e5527677781bdc4e0fb8113ec25a631f36639a</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>MediaWiki:Gadget-UserProfile.css</title>
  <ns>8</ns>
  <id>49</id>
  <revision>
    <id>81</id>
    <timestamp>2024-01-21T17:25:08Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "#contentSub &gt; * + .horse-userprofile { 	margin-top: 1em; } .horse-userprofile { 	font-size: 120%; 	color: var(--content-text-color); 	border: 2px solid var(--content-border-color); 	padding: 6px 12px; } .horse-userprofile-info span:first-of-type { 	font-weight: bold; }"</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="269" xml:space="preserve">#contentSub &gt; * + .horse-userprofile {
	margin-top: 1em;
}
.horse-userprofile {
	font-size: 120%;
	color: var(--content-text-color);
	border: 2px solid var(--content-border-color);
	padding: 6px 12px;
}
.horse-userprofile-info span:first-of-type {
	font-weight: bold;
}</text>
    <sha1>5f1fe6b91b4fc5a26aa58e4771456204b1cfc5dc</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>MediaWiki:Gadget-UserProfile.js</title>
  <ns>8</ns>
  <id>50</id>
  <revision>
    <id>82</id>
    <timestamp>2024-01-21T17:25:24Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "// User profile // &lt;nowiki&gt; mw.loader.using( [ 'mediawiki.util', 'mediawiki.api' ] ).done( function() { 	var username = mw.config.get('wgRelevantUserName'); 	var lang = mw.language.bcp47(mw.config.get('wgUserLanguage')); 	if ( username &amp;&amp; !window.loadedHorseUserProfile ) { 		window.loadedHorseUserProfile = true; 		var dateOptions = { 			year: "numeric", 			month: "short", 			day: "numeric", 			hour: "2-digit", 			minute: "2-digit", 			timeZone: "UTC", 			timeZoneName: "s..."</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="6251" xml:space="preserve">// User profile
// &lt;nowiki&gt;
mw.loader.using( [ 'mediawiki.util', 'mediawiki.api' ] ).done( function() {
	var username = mw.config.get('wgRelevantUserName');
	var lang = mw.language.bcp47(mw.config.get('wgUserLanguage'));
	if ( username &amp;&amp; !window.loadedHorseUserProfile ) {
		window.loadedHorseUserProfile = true;
		var dateOptions = {
			year: "numeric",
			month: "short",
			day: "numeric",
			hour: "2-digit",
			minute: "2-digit",
			timeZone: "UTC",
			timeZoneName: "short"
		};
		var api = new mw.Api();
		if ( mw.util.isIPAddress(username) ) api.get( {
			action: 'query',
			list: ['usercontribs', 'blocks'],
			ucuser: username,
			ucprop: [],
			uclimit: 'max',
			bkip: username,
			bkprop: ['user', 'by', 'timestamp', 'expiry', 'reason'],
			bklimit: 1,
			formatversion: 2
		} ).done( function(data) {
			var editcount = data.query.usercontribs.length;
			if ( data.continue ) editcount = data.limits.usercontribs+'+'
			var user = {
				groups: ['*'],
				editcount: editcount
			};
			formatProfile(user, data.query.blocks[0]);
		} );
		else api.get( {
			action: 'query',
			list: 'users',
			ususers: username,
			usprop: ['groups', 'editcount', 'registration', 'blockinfo', 'emailable'],
			formatversion: 2
		} ).done( function(data) {
			var user = data.query.users[0];
			var block;
			if ( user.blockid ) block = {
				user: username,
				by: user.blockedby,
				timestamp: user.blockedtimestamp,
				expiry: user.blockexpiry,
				reason: user.blockreason
			};
			formatProfile(user, block);
		} );
		
		function formatProfile(user, block) {
			user.groups.splice(user.groups.indexOf('*'), 1);
			var text = '&lt;div class="horse-userprofile-info"&gt;';
			if ( user.groups.length ) {
				var groupList = user.groups.map( function(group) {
					var grouppage = '{{MediaWiki:grouppage-'+group+'}}';
					return [
						'{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'}}]] | {{int:group-'+group+'}} }}',
						'{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'-member|'+username+'}}]] | {{int:group-'+group+'-member|'+username+'}} }}'
					];
				} ).reduce( function(prev, cur) {
					prev[0].push(cur[0]);
					prev[1].push(cur[1]);
					return prev;
				}, [[], []] );
				text += '\n\n&lt;span&gt;{{int:prefs-memberingroups|'+user.groups.length+'|'+username+'}}&lt;/span&gt;\t&lt;span&gt;{{int:prefs-memberingroups-type|'+mw.language.listToText(groupList[0])+'|'+mw.language.listToText(groupList[1])+'}}&lt;/span&gt;';
			}
			text += '\n\n&lt;span&gt;{{int:prefs-edits}}&lt;/span&gt;\t&lt;span&gt;[[Special:Contribs/'+username+'|'+mw.language.convertNumber(user.editcount)+']]&lt;/span&gt;';
			if ( user.registration ) {
				text += '\n\n&lt;span&gt;{{int:prefs-registration}}&lt;/span&gt;\t&lt;span&gt;'+mw.language.convertNumber(new Date(user.registration).toLocaleString(lang, dateOptions))+'&lt;/span&gt;';
				if ( !user.emailable ) text += '\n\n&lt;span&gt;{{int:nowikiemailtext|'+username+'}}&lt;/span&gt;';
			}
			text += '\n\n&lt;/div&gt;';
			if ( block &amp;&amp; mw.config.get('wgArticleId') !== 0 ) {
				var blockDate = new Date(block.timestamp);
				var blockexpiry = '{{int:infiniteblock}}';
				if ( !['infinite', 'indefinite', 'infinity', 'never'].includes(block.expiry) ) {
					var expiry = new Date(block.expiry.replace( /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2,3})/, '$1-$2-$3T$4:$5:$6Z' ));
					var duration = expiry - blockDate;
					var blockDuration = [];
					var factor = 1000;
					if ( duration % factor === 0 ) blockDuration = ['duration-seconds', Math.floor(duration / factor)];
					factor *= 60;
					if ( duration % factor === 0 ) blockDuration = ['duration-minutes', Math.floor(duration / factor)];
					factor *= 60;
					if ( duration % factor === 0 ) blockDuration = ['duration-hours', Math.floor(duration / factor)];
					factor *= 24;
					if ( duration % factor === 0 ) blockDuration = ['duration-days', Math.floor(duration / factor)];
					if ( duration % (factor*7) === 0 ) blockDuration = ['duration-weeks', Math.floor(duration / (factor*7))];
					if ( duration % (factor*30) === 0 ) blockDuration = ['months', Math.floor(duration / (factor*30))];
					factor *= 365;
					if ( duration % factor === 0 ) blockDuration = ['duration-years', Math.floor(duration / factor)];
					if ( duration % (factor*10) === 0 ) blockDuration = ['duration-decades', Math.floor(duration / (factor*10))];
					if ( duration % (factor*100) === 0 ) blockDuration = ['duration-centuries', Math.floor(duration / (factor*100))];
					if ( duration % (factor*1000) === 0 ) blockDuration = ['duration-millennia', Math.floor(duration / (factor*1000))];
					if ( blockDuration.length &lt; 2 || blockDuration[1] &gt; 1000 ) blockexpiry = mw.language.convertNumber(expiry.toLocaleString(lang, dateOptions));
					else blockexpiry = '{{int:'+blockDuration.join('|')+'}}';
				}
				text += '&lt;div class="horse-userprofile-block mw-warning-with-logexcerpt"&gt;&lt;div&gt;\n{{int:blocked-notice-logextract|'+username+'}}\n';
				text += '* '+mw.language.convertNumber(blockDate.toLocaleString(lang, dateOptions))+' {{int:logentry-block-block|[[User:'+block.by+'|'+block.by+']] &lt;span class="mw-usertoollinks mw-changeslist-links"&gt;&lt;span&gt;[[User talk:'+block.by+'|{{int:talkpagelinktext}}]]&lt;/span&gt; &lt;span&gt;[[Special:Contribs/'+block.by+'|{{int:contribslink}}]]&lt;/span&gt;&lt;/span&gt;|'+block.by;
				if ( mw.util.isIPAddress(block.user, true) ) text += '|[[Special:Contribs/'+block.user+'|'+block.user+']] &lt;span class="mw-usertoollinks mw-changeslist-links"&gt;&lt;span&gt;[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]&lt;/span&gt;&lt;/span&gt;';
				else text += '|[[User:'+block.user+'|'+block.user+']] &lt;span class="mw-usertoollinks mw-changeslist-links"&gt;&lt;span&gt;[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]&lt;/span&gt; &lt;span&gt;[[Special:Contribs/'+block.user+'|{{int:contribslink}}]]&lt;/span&gt;&lt;/span&gt;';
				text += '|'+block.user+'|'+blockexpiry+'|}} &lt;span class="comment"&gt;{{int:parentheses|'+block.reason+'}}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;';
			}
			api.parse( text, {
				disablelimitreport: true,
				wrapoutputclass: 'horse-userprofile mw-message-box mw-content-'+($('#contentSub').attr('dir')||'ltr'),
				uselang: mw.config.get('wgUserLanguage')
			} ).done( function(parsedText) {
				$('#contentSub').append(parsedText.replace( /\u29FCgroup-([^\u29FC\u29FD]+?)(?:-member)?\u29FD/g, '$1' ));
			} );
		}
	}
} );
// &lt;/nowiki&gt;</text>
    <sha1>2df0d96710fe446c5289ea1c484419b50c43fd5b</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Module:Navbox</title>
  <ns>828</ns>
  <id>51</id>
  <revision>
    <id>83</id>
    <timestamp>2024-01-21T17:26:17Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "return require('dev:Navbox')"</comment>
    <model>Scribunto</model>
    <format>text/plain</format>
    <text bytes="28" xml:space="preserve">return require('dev:Navbox')</text>
    <sha1>c8a2e8ca66705167dfe560657ec2a34438a585c9</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:Navbox</title>
  <ns>10</ns>
  <id>52</id>
  <revision>
    <id>84</id>
    <timestamp>2024-01-21T17:26:35Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "{{#invoke:Navbox|main}}&lt;noinclude&gt;[[Category:Navbox templates]] {{documentation}}&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="93" xml:space="preserve">{{#invoke:Navbox|main}}&lt;noinclude&gt;[[Category:Navbox templates]] {{documentation}}&lt;/noinclude&gt;</text>
    <sha1>decc1e44caf1cf1ed2077e00d3ae019fec95ebbd</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:Navbox/doc</title>
  <ns>10</ns>
  <id>53</id>
  <revision>
    <id>85</id>
    <timestamp>2024-01-21T17:27:09Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with ";Description :This template is used to create a basic navigation box. You can do so by calling the template, via the steps under "Syntax", but it is recommended to '''copy the code verbatim''' via the steps under "Navbox Creation". ;Navbox Creation &lt;inputbox&gt; type=create prefix=Template: preload=Template:Navbox editintro=Template:Navbox/doc buttonlabel=Make your navbox! default = Navbox Foo &lt;/inputbox&gt; #Think of a name for your navbox, like "Navbox Foo". Type it in the a..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1761" xml:space="preserve">;Description
:This template is used to create a basic navigation box. You can do so by calling the template, via the steps under "Syntax", but it is recommended to '''copy the code verbatim''' via the steps under "Navbox Creation".
;Navbox Creation
&lt;inputbox&gt;
type=create
prefix=Template:
preload=Template:Navbox
editintro=Template:Navbox/doc
buttonlabel=Make your navbox!
default = Navbox Foo
&lt;/inputbox&gt;
#Think of a name for your navbox, like "Navbox Foo". Type it in the above field, press the button, and save the page immediately. Be ready to return to ''this'' page to see the rest of the instructions.
#Edit the resulting page in source mode.
#Replace &lt;code&gt;{{{header}}}&lt;/code&gt; with the text you would like to appear in the header.
#Replace &lt;code&gt;{{{body}}}&lt;/code&gt; with the text you would like to appear in the body.
#To add another section, copy these four lines of code immediately below the lines in the existing code that they resemble:
&lt;pre&gt;|-
! style="padding:0.2em 0.5em;" nowrap="nowrap" class="color1" | {{{header}}}
|-
| style="padding:0.2em 0.5em;" | {{{body}}}&lt;/pre&gt;

Save the page once you have added as many sections as you needed, and filled them with content. You may also want to create a /doc subpage explaining that to call the resulting template, one must only type &lt;code&gt;{&lt;nowiki/&gt;{Navbox Foo}}&lt;/code&gt;, or rather, whatever we decided to name the template in step 1.

;Syntax

&lt;pre&gt;{{navbox
|header=Land of Bob
|body=This &lt;nowiki&gt;[[place]]&lt;/nowiki&gt; and that &lt;nowiki&gt;[[place]]&lt;/nowiki&gt;.
}}&lt;/pre&gt;

:Results in...

{{navbox
|header=Land of Bob
|body=This &lt;nowiki&gt;[[place]]&lt;/nowiki&gt; and that &lt;nowiki&gt;[[place]]&lt;/nowiki&gt;.
}}

&lt;includeonly&gt;[[Category:Navbox templates]]&lt;/includeonly&gt;&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>4b1a1bf5f00c2d159d30d8f8bc525309ac16d406</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:Documentation</title>
  <ns>10</ns>
  <id>54</id>
  <revision>
    <id>86</id>
    <timestamp>2024-01-21T17:27:30Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt;{| class="article-table plainlinks" style="width:100%;" role="complementary" |- style="font-size:18px;" ! style="padding:0px;" | &lt;div style="width:100%; padding:3px 0px; text-align:center;" class="color1"&gt;Template documentation&lt;/div&gt; |- | ''Note: portions of the template sample may not be visible without values provided.'' |- | View or edit [[{{{1|Template:{{PAGENAMEE}}/doc}}}|this documentation]]. ([[Template:Documentation|About template documentation]]) |-..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="798" xml:space="preserve">&lt;includeonly&gt;{| class="article-table plainlinks" style="width:100%;" role="complementary"
|- style="font-size:18px;"
! style="padding:0px;" | &lt;div style="width:100%; padding:3px 0px; text-align:center;" class="color1"&gt;Template documentation&lt;/div&gt;
|-
| ''Note: portions of the template sample may not be visible without values provided.''
|-
| View or edit [[{{{1|Template:{{PAGENAMEE}}/doc}}}|this documentation]]. ([[Template:Documentation|About template documentation]])
|-
| Editors can experiment in this template's [{{fullurl:{{FULLPAGENAMEE}}/sandbox|action=edit}} sandbox] and [{{fullurl:{{FULLPAGENAMEE}}/testcases}} test case] pages.
|}
&lt;div style="margin:0 1em;"&gt;
{{{{{1|{{PAGENAME}}/doc}}}}}&lt;/div&gt;&lt;/includeonly&gt;&lt;noinclude&gt;{{Documentation}}[[Category:Documentation templates]]&lt;/noinclude&gt;</text>
    <sha1>ee98b7264ecdfefae4fda4e94a64c1d0e275ee55</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>MediaWiki:Gadget-UploadMultipleFiles</title>
  <ns>8</ns>
  <id>55</id>
  <revision>
    <id>87</id>
    <timestamp>2024-01-21T17:28:20Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "Allow uploading multiple files on [[Special:Upload]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="52" xml:space="preserve">Allow uploading multiple files on [[Special:Upload]]</text>
    <sha1>c2aae2c6bdf82241e50f15e76b959996be82a061</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>MediaWiki:Gadget-UploadMultipleFiles.js</title>
  <ns>8</ns>
  <id>56</id>
  <revision>
    <id>88</id>
    <timestamp>2024-01-21T17:28:32Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "/* Modified version of https://dev.fandom.com/wiki/UploadMultipleFiles  * from https://terraria.wiki.gg/wiki/MediaWiki:Gadget-uploadMultipleFiles.js */ mw.loader.using(["site", "mediawiki.util"]).then(function() { 	if (mw.config.get("wgCanonicalSpecialPageName") !== "Upload") 		return;  	var l10nFactory = l10nFactory || function($lang, $data) { 		return function ($key) { 			// (null == undefined) is true, (null === undefined) is false 			return ($data[$lang] &amp;&amp; $data[$la..."</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="6028" xml:space="preserve">/* Modified version of https://dev.fandom.com/wiki/UploadMultipleFiles
 * from https://terraria.wiki.gg/wiki/MediaWiki:Gadget-uploadMultipleFiles.js */
mw.loader.using(["site", "mediawiki.util"]).then(function() {
	if (mw.config.get("wgCanonicalSpecialPageName") !== "Upload")
		return;

	var l10nFactory = l10nFactory || function($lang, $data) {
		return function ($key) {
			// (null == undefined) is true, (null === undefined) is false
			return ($data[$lang] &amp;&amp; $data[$lang][$key] != null) ? $data[$lang][$key] : $data.en[$key];
		};
	};

	const l10n = l10nFactory(mw.config.get("wgUserLanguage"), {
		en: {
			multiupload: "Upload multiple files:",
			yes: "Yes",
			no: "No",
			sourcefiles: "Source files:",
			categoryname: "Category name:",
			categorynamehint: "Page name of the category the files will automatically be added to, e.g. Item images",
			categorynamespace: "Category",
			uploadfiles: "Upload files",
			nofiles: "Please select some files first.",
			nolicense: "Please select a valid license first.",
			summary: "Summary",
			license: "Licensing",
			categories: "Categories",
			uploading: "Uploading files...",
			uploaded: "Uploaded:",
			failed: "Failed:",
			done: "Done."
		}
	});

	const getUploadDescription = function() {
		var sections = [];

		var summary = $("#wpUploadDescription").val();
		var licenseDisplayName = $("#wpLicense option:selected").val();
		var categoryName = $("#multiFileCategory").val();

		if (summary !== "")
			sections.push(summary);

		if (licenseDisplayName !== "") {
			var licenseTemplateText = $("#wpLicense option:selected").prop("title");
			sections.push("== " + l10n("license") + " ==\n" + licenseTemplateText);
		}

		if (categoryName !== "")
			sections.push("[[" + l10n("categorynamespace") + ":" + categoryName + "]]");

		return sections.join("\n\n");
	};

	const getWatchlistPreference = function() {
		if ($("#wpWatchthis").is(":checked")) {
			return "watch";
		} else {
			return "nochange";
		}
	};
	
	$(function(){
		$("#wpUploadFile").parent().parent().addClass("regularFileSelect");
		$("tr.regularFileSelect").before('&lt;tr&gt;&lt;td class="mw-label"&gt;'+ l10n("multiupload") + '&lt;/td&gt;&lt;td class="mw-input"&gt;&lt;label&gt;&lt;input type="radio" name="multipleFiles" value="'+ l10n("yes") + '" /&gt; '+ l10n("yes") + '&lt;/label&gt; &amp;nbsp; &lt;label&gt;&lt;input type="radio" name="multipleFiles" value="'+ l10n("no") + '" checked="" /&gt; '+ l10n("no") + '&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;');
		$("tr.regularFileSelect").after('&lt;tr class="multipleFileSelect" style="display:none;"&gt;&lt;td class="mw-label"&gt;' + l10n("sourcefiles") + '&lt;/td&gt;&lt;td class="mw-input"&gt;&lt;input type="file" id="multiupload" multiple /&gt;&lt;/td&gt;&lt;/tr&gt;');
		$("input[name='wpUpload']").addClass("regularFileSelect");
		$("#wpDestFile").parent().parent().addClass("regularFileSelect");
		$("#wpIgnoreWarning").parent().parent().addClass("regularFileSelect");

		// Append "category name" textbox to multiupload section
		$("#mw-upload-form #mw-htmlform-description tbody").append('&lt;tr class="mw-htmlform-field-HTMLTextField multipleFileSelect" style="display:none;"&gt;&lt;td class="mw-label"&gt;&lt;label for="multiFileCategory"&gt;&lt;abbr title="' + l10n("categorynamehint") + '"&gt;' + l10n("categoryname") + '&lt;/abbr&gt;&lt;/label&gt;&lt;/td&gt;&lt;td class="mw-input"&gt;&lt;input id="multiFileCategory" name="multiFileCategory" size="60"&gt;&lt;/td&gt;&lt;/tr&gt;');

		$("input[name='wpUpload']").after('&lt;input type="button" value="' + l10n("uploadfiles") + '" class="multipleFileSelect" style="display:none;" id="multiFileSubmit" /&gt;');
		$("input[name='multipleFiles']").change(function() {
			if (this.value === l10n("yes")) {
				$(".regularFileSelect").hide();
				$(".multipleFileSelect").show();
			} else {
				$(".regularFileSelect").show();
				$(".multipleFileSelect").hide();
			}
		});

		$("#multiFileSubmit").click(function() {
			var files = $("#multiupload")[0].files;

			// Cancel upload if no files are selected
			if (files.length === 0) {
				alert(l10n("nofiles"));
				return false;
			}
			// Cancel upload if no license is selected
			if ($("#wpLicense option:selected").val() === "" &amp;&amp; !mw.config.get("UMFBypassLicenseCheck")) {
				alert(l10n("nolicense"));
				return false;
			}

			// Description is summary + license + category
			var description = getUploadDescription();
			var watch = getWatchlistPreference();

			$("#firstHeading").text(l10n("uploading"));
			$("#mw-content-text").html("&lt;h3&gt;" + l10n("uploaded")  + "&lt;/h3&gt;&lt;ul&gt;&lt;/ul&gt;&lt;div style='display:none;' id='multiUploadFailed'&gt;&lt;h3&gt;" + l10n("failed") + "&lt;/h3&gt;&lt;ul&gt;&lt;/ul&gt;&lt;/div&gt;");
			
			var currentFileIdx = 0;
			var uploadCurrentFile;
			uploadCurrentFile = function() {
				if (currentFileIdx &gt; files.length) {
					$("#mw-content-text").append("&lt;h3&gt;"+ l10n("done") + "&lt;/h3&gt;");
					return;
				}

				if (files[currentFileIdx] === undefined) {
					currentFileIdx++;
					uploadCurrentFile();
					return;
				}

				fd = new FormData();
				fd.append("action", "upload");
				fd.append("token", mw.user.tokens.get("csrfToken"));
				fd.append("filename", files[currentFileIdx].name);
				fd.append("file", files[currentFileIdx]);
				fd.append("text", description);
				fd.append("watchlist", watch);
				fd.append("ignorewarnings", 1);
				fd.append("format", "json");
				
				$.ajax({
					url: mw.util.wikiScript("api"),
					method: "POST",
					data: fd,
					cache: false,
					contentType: false,
					processData: false,
					type: "POST"
				}).done(function(d) {
					if (d.error == undefined) {
						$("#mw-content-text &gt; ul").append('&lt;li&gt;&lt;a href="' + d.upload.imageinfo.descriptionurl + '" target="_blank"&gt;' + d.upload.filename + '&lt;/a&gt;&lt;/li&gt;');
					} else {
						$("#multiUploadFailed ul").append('&lt;li&gt;' + files[currentFileIdx].name + '&lt;/li&gt;');
						$("#multiUploadFailed").show();
					}
					currentFileIdx++;
					uploadCurrentFile();
				}).fail(function() {
					$("#multiUploadFailed ul").append('&lt;li&gt;' + files[currentFileIdx].name + '&lt;/li&gt;');
					$("#multiUploadFailed").show();
					currentFileIdx++;
					uploadCurrentFile();
				});
			};
			uploadCurrentFile();
		});
	});
});</text>
    <sha1>6049f371c7ebf0daa915949e6648f7870fdd1fc7</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:Strident Crisis</title>
  <ns>10</ns>
  <id>57</id>
  <revision>
    <id>89</id>
    <timestamp>2024-01-21T17:29:42Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "{{navbox |title=[[Friday Night Funkin' Vs Bambi Strident Crisis]] |list1=[[Characters]] • [[Items]] }} &lt;noinclude&gt;[[Category:Navbox templates|{{PAGENAME}}]]&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="170" xml:space="preserve">{{navbox
|title=[[Friday Night Funkin' Vs Bambi Strident Crisis]]
|list1=[[Characters]] • [[Items]]
}}
&lt;noinclude&gt;[[Category:Navbox templates|{{PAGENAME}}]]&lt;/noinclude&gt;</text>
    <sha1>7ce50d4a148935671a7faff5d76928b1a5044813</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:License</title>
  <ns>10</ns>
  <id>58</id>
  <revision>
    <id>93</id>
    <timestamp>2024-01-21T17:33:45Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt; &lt;div style="border: 1px solid black padding: 5px; display: flex;"&gt; {{License/{{{1|nolicense}}}}}{{#if:{{{source|}}}|&lt;div&gt;Source:&amp;nbsp;{{{source|}}}&lt;/div&gt;}} &lt;/div&gt; &lt;/includeonly&gt; &lt;noinclude&gt;{{documentation}}&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="232" xml:space="preserve">&lt;includeonly&gt;
&lt;div style="border: 1px solid black padding: 5px; display: flex;"&gt;
{{License/{{{1|nolicense}}}}}{{#if:{{{source|}}}|&lt;div&gt;Source:&amp;nbsp;{{{source|}}}&lt;/div&gt;}}
&lt;/div&gt;
&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>c0a6831abe528e60941add15a73869a24bd5e557</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:License/Fairuse</title>
  <ns>10</ns>
  <id>59</id>
  <revision>
    <id>94</id>
    <timestamp>2024-01-21T17:34:02Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt; &lt;div&gt;[[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]&lt;/div&gt; &lt;div&gt;This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law].&lt;br/&gt; &lt;/div&gt; &lt;/includeonly&gt; &lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="398" xml:space="preserve">&lt;includeonly&gt;
&lt;div&gt;[[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]&lt;/div&gt;
&lt;div&gt;This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law].&lt;br/&gt;
&lt;/div&gt;
&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>7c570e887469cf340d20186b281e667784e1c90c</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:License/CC-BY</title>
  <ns>10</ns>
  <id>60</id>
  <revision>
    <id>95</id>
    <timestamp>2024-01-21T17:34:17Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt; &lt;div&gt;[[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]]&lt;/div&gt; &lt;div&gt;This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License].&lt;/div&gt; &lt;/includeonly&gt; &lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="305" xml:space="preserve">&lt;includeonly&gt;
&lt;div&gt;[[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]]&lt;/div&gt;
&lt;div&gt;This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License].&lt;/div&gt;
&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>8069f8bb141c87273ec4101c1043b5ebda7f788f</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:License/CC-BY-NC-SA</title>
  <ns>10</ns>
  <id>61</id>
  <revision>
    <id>96</id>
    <timestamp>2024-01-21T17:34:32Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt; &lt;div&gt;[[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]]&lt;/div&gt; &lt;div&gt;This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License].&lt;/div&gt; &lt;/includeonly&gt; &lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="354" xml:space="preserve">&lt;includeonly&gt;
&lt;div&gt;[[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]]&lt;/div&gt;
&lt;div&gt;This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License].&lt;/div&gt;
&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>1b70c35de443490cae40bd3375108d2c0b931705</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:License/CC-BY-ND</title>
  <ns>10</ns>
  <id>62</id>
  <revision>
    <id>97</id>
    <timestamp>2024-01-21T17:34:53Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt; &lt;div&gt;[[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]]&lt;/div&gt; &lt;div&gt;This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License].&lt;/div&gt; &lt;/includeonly&gt; &lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="326" xml:space="preserve">&lt;includeonly&gt;
&lt;div&gt;[[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]]&lt;/div&gt;
&lt;div&gt;This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License].&lt;/div&gt;
&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>f9b4fa878dcfec21a01a7ce346c46eddf2f66f42</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:License/CC-BY-SA</title>
  <ns>10</ns>
  <id>63</id>
  <revision>
    <id>98</id>
    <timestamp>2024-01-21T17:35:05Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt; &lt;div&gt;[[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]]&lt;/div&gt; &lt;div&gt;This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License].&lt;/div&gt; &lt;/includeonly&gt; &lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="328" xml:space="preserve">&lt;includeonly&gt;
&lt;div&gt;[[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]]&lt;/div&gt;
&lt;div&gt;This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License].&lt;/div&gt;
&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>9f75f45e0ceff1c07d2368f2ec75494cce86b567</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:License/CC-SRR</title>
  <ns>10</ns>
  <id>64</id>
  <revision>
    <id>99</id>
    <timestamp>2024-01-21T17:35:17Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt; &lt;div&gt;[[File:CC-SRR.svg|link=|CC-Some Rights Reserved]]&lt;/div&gt; &lt;div&gt;This file is under the Creative Commons Some Rights Reserved License.&lt;/div&gt; &lt;/includeonly&gt; &lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="232" xml:space="preserve">&lt;includeonly&gt;
&lt;div&gt;[[File:CC-SRR.svg|link=|CC-Some Rights Reserved]]&lt;/div&gt;
&lt;div&gt;This file is under the Creative Commons Some Rights Reserved License.&lt;/div&gt;
&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>cd49dbdaf1d4290117a115931288884ac9b62a46</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:License/CC0</title>
  <ns>10</ns>
  <id>65</id>
  <revision>
    <id>100</id>
    <timestamp>2024-01-21T17:35:31Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt; &lt;div&gt;[[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]]&lt;/div&gt; &lt;div&gt;This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License].&lt;/div&gt; &lt;/includeonly&gt; &lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="289" xml:space="preserve">&lt;includeonly&gt;
&lt;div&gt;[[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]]&lt;/div&gt;
&lt;div&gt;This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License].&lt;/div&gt;
&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>f3fd76302622675395a422cf984a2f7ea93d151f</sha1>
  </revision>
</page>
<page arvcontinue="20240103170003|52">
  <title>Template:License/Strident Crisis</title>
  <ns>10</ns>
  <id>66</id>
  <revision>
    <id>101</id>
    <timestamp>2024-01-21T17:36:06Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt; &lt;div&gt;[[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]&lt;/div&gt; &lt;div&gt;This file is owned by Strident Crisis and/or its licensors, and is licensed under the Strident Crisis [[MediaWiki:Terms of Use|Terms of Use]].&lt;br/&gt; All trademarks and registered trademarks present in the file are proprietary to Strident Crisis and/or its licensors. &lt;/div&gt; &lt;/includeonly&gt; &lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/no..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="483" xml:space="preserve">&lt;includeonly&gt;
&lt;div&gt;[[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]&lt;/div&gt;
&lt;div&gt;This file is owned by Strident Crisis and/or its licensors, and is licensed under the Strident Crisis [[MediaWiki:Terms of Use|Terms of Use]].&lt;br/&gt;
All trademarks and registered trademarks present in the file are proprietary to Strident Crisis and/or its licensors.
&lt;/div&gt;
&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>92825eff6c5524fbd333f6f62a7d627111ee3bcb</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Template:License/nolicense</title>
  <ns>10</ns>
  <id>67</id>
  <revision>
    <id>102</id>
    <timestamp>2024-01-21T17:36:24Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt; &lt;div&gt;[[File:Warning-red.svg|50px|link=|No License has been selected.]]&lt;/div&gt; &lt;div&gt;Please select the proper License for this file by adding the proper parameter to &lt;nowiki&gt;{{License}}&lt;/nowiki&gt;. See [[Template:License]] for details.&lt;/div&gt; &lt;/includeonly&gt; &lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="327" xml:space="preserve">&lt;includeonly&gt;
&lt;div&gt;[[File:Warning-red.svg|50px|link=|No License has been selected.]]&lt;/div&gt;
&lt;div&gt;Please select the proper License for this file by adding the proper parameter to &lt;nowiki&gt;{{License}}&lt;/nowiki&gt;. See [[Template:License]] for details.&lt;/div&gt;
&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>e5aed440bcde4a2d7633edef8640c90228fc24a6</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Template:License/The Funkin Crew Inc</title>
  <ns>10</ns>
  <id>68</id>
  <revision>
    <id>103</id>
    <timestamp>2024-01-21T17:38:11Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt; &lt;div&gt;[[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]&lt;/div&gt; &lt;div&gt;This file is owned by The Funkin Crew Inc. and/or its licensors, and is licensed under The Funkin Crew Inc. [[MediaWiki:Terms of Use|Terms of Use]].&lt;br/&gt; All trademarks and registered trademarks present in the file are proprietary to The Funkin Crew Inc. and/or its licensors. &lt;/div&gt; &lt;/includeonly&gt; &lt;noinclude&gt;{{documentation|Template:Licens..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="494" xml:space="preserve">&lt;includeonly&gt;
&lt;div&gt;[[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]&lt;/div&gt;
&lt;div&gt;This file is owned by The Funkin Crew Inc. and/or its licensors, and is licensed under The Funkin Crew Inc. [[MediaWiki:Terms of Use|Terms of Use]].&lt;br/&gt;
All trademarks and registered trademarks present in the file are proprietary to The Funkin Crew Inc. and/or its licensors.
&lt;/div&gt;
&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>7414d23ff7d67afecd687fa0c97d5b0363262774</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Template:License/doc</title>
  <ns>10</ns>
  <id>69</id>
  <revision>
    <id>104</id>
    <timestamp>2024-01-21T17:38:45Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "&lt;nowiki&gt;{{License|The Funkin Crew Inc}}&lt;/nowiki&gt; {{License|The Funkin Crew Inc}}  &lt;nowiki&gt;{{License|Strident Crisis}}&lt;/nowiki&gt; {{License|Strident Crisis}}  &lt;nowiki&gt;{{License|Fairuse}}&lt;/nowiki&gt; {{License|Fairuse}}  &lt;nowiki&gt;{{License|CC-BY-NC-SA}}&lt;/nowiki&gt; {{License|CC-BY-NC-SA}}  &lt;nowiki&gt;{{License|CC-BY-SA}}&lt;/nowiki&gt; {{License|CC-BY-SA}}  &lt;nowiki&gt;{{License|CC-BY}}&lt;/nowiki&gt; {{License|CC-BY}}  &lt;nowiki&gt;{{License|CC-SRR}}&lt;/nowiki&gt; {{License|CC-SRR}}  '''Providing no parameter..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="965" xml:space="preserve">&lt;nowiki&gt;{{License|The Funkin Crew Inc}}&lt;/nowiki&gt;
{{License|The Funkin Crew Inc}}

&lt;nowiki&gt;{{License|Strident Crisis}}&lt;/nowiki&gt;
{{License|Strident Crisis}}

&lt;nowiki&gt;{{License|Fairuse}}&lt;/nowiki&gt;
{{License|Fairuse}}

&lt;nowiki&gt;{{License|CC-BY-NC-SA}}&lt;/nowiki&gt;
{{License|CC-BY-NC-SA}}

&lt;nowiki&gt;{{License|CC-BY-SA}}&lt;/nowiki&gt;
{{License|CC-BY-SA}}

&lt;nowiki&gt;{{License|CC-BY}}&lt;/nowiki&gt;
{{License|CC-BY}}

&lt;nowiki&gt;{{License|CC-SRR}}&lt;/nowiki&gt;
{{License|CC-SRR}}

'''Providing no parameter (or invalid one) defaults to the nolicense notice:'''

&lt;nowiki&gt;{{License}}&lt;/nowiki&gt;{{License}}

'''Source parameter (optional):'''

The source parameter accepts a url to the source where the file came from if necessary for attribution.

Example:

&lt;nowiki&gt;{{License|Strident Crisis|source=https://wiki.gg/}}&lt;/nowiki&gt;
{{License|Strident Crisis|source=https://wiki.gg/}}

&lt;includeonly&gt;
[[Category:License templates]]
&lt;/includeonly&gt;
&lt;noinclude&gt;
[[Category:Template documentation]]
&lt;/noinclude&gt;</text>
    <sha1>92662d3b9bf566e19929dbb418b29e3bcb40a4f9</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>MediaWiki:Licenses</title>
  <ns>8</ns>
  <id>70</id>
  <revision>
    <id>105</id>
    <timestamp>2024-01-21T17:39:07Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "*Developer Asset **License/semiwork|This file is owned by semiwork and/or its licensors. **License/The Funkin Crew Inc|This file is owned by The Funkin Crew Inc. and/or its licensors. *Fairuse **License/Fairuse|This file is copyrighted. It will be used in a way that qualifies as fair use under US copyright law. *CC-BY-SA **License/CC-BY-SA|This file is under the Creative Commons Attribution-ShareAlike 3.0 License. *CC-BY **License/CC-BY|This file is under the Creative Co..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="600" xml:space="preserve">*Developer Asset
**License/semiwork|This file is owned by semiwork and/or its licensors.
**License/The Funkin Crew Inc|This file is owned by The Funkin Crew Inc. and/or its licensors.
*Fairuse
**License/Fairuse|This file is copyrighted. It will be used in a way that qualifies as fair use under US copyright law.
*CC-BY-SA
**License/CC-BY-SA|This file is under the Creative Commons Attribution-ShareAlike 3.0 License.
*CC-BY
**License/CC-BY|This file is under the Creative Commons Attribution 3.0 License.
*CC-SRR
**License/CC-SRR|This file is under the Creative Commons Some Rights Reserved License.</text>
    <sha1>26b65976d86fc0ea23420f38339da90843384b37</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>MediaWiki:Mainpage</title>
  <ns>8</ns>
  <id>71</id>
  <revision>
    <id>106</id>
    <timestamp>2024-01-21T17:47:36Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "Vs_Bambi_Strident_Crisis_Wiki"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">Vs_Bambi_Strident_Crisis_Wiki</text>
    <sha1>bd5a1eadc6186768bd06e04ce2687bf4da480b82</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>MediaWiki:Theme-dark.css</title>
  <ns>8</ns>
  <id>47</id>
  <revision>
    <id>107</id>
    <parentid>92</parentid>
    <timestamp>2024-01-21T18:47:49Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="187" xml:space="preserve">/*** Theme with Dark Background ***/

.mw-body {
	background: #000;
}

:root 
{
	 --theme-text-color: white;
	 --theme-content-background: #000;
	 --theme-sidebar-box-background: black;
}</text>
    <sha1>eeec191b14e8e8af3dfb4f8454e32fcfd6068da7</sha1>
  </revision>
  <revision>
    <id>109</id>
    <parentid>107</parentid>
    <timestamp>2024-01-21T20:29:43Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <model>css</model>
    <format>text/css</format>
    <text bytes="234" xml:space="preserve">/*** Theme with Dark Background ***/

.mw-body {
	background: #000;
}

:root 
{
	 --theme-text-color: white;
	 --theme-content-background: #000;
	 --theme-sidebar-list-item-text-color: black;
	 --theme-sidebar-box-background: black;
}</text>
    <sha1>c80b95a29834415ee8e14d77232ec045d6516302</sha1>
  </revision>
  <revision>
    <id>110</id>
    <parentid>109</parentid>
    <timestamp>2024-01-21T20:29:52Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="187" xml:space="preserve">/*** Theme with Dark Background ***/

.mw-body {
	background: #000;
}

:root 
{
	 --theme-text-color: white;
	 --theme-content-background: #000;
	 --theme-sidebar-box-background: black;
}</text>
    <sha1>eeec191b14e8e8af3dfb4f8454e32fcfd6068da7</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>MediaWiki:Theme-light.css</title>
  <ns>8</ns>
  <id>46</id>
  <revision>
    <id>108</id>
    <parentid>91</parentid>
    <timestamp>2024-01-21T18:47:51Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="359" xml:space="preserve">/*** Theme with Light Background ***/

.mw-body {
	background: #fff;
}

:root 
{
	 --theme-text-color: black;
	 --theme-content-background: #fff;
	 --theme-heading-color: black;
	 --theme-sidebar-box-background: white;
	 --theme-sidebar-list-item-text-color: white;
	 --theme-sidebar-list-item-hover-mask: #00CC00;
	 
	 .toc .tocnumber {
	 	color: black;
}

}</text>
    <sha1>532c769f725aa2198f24b1476b419651ea5581f6</sha1>
  </revision>
  <revision>
    <id>111</id>
    <parentid>108</parentid>
    <timestamp>2024-01-21T20:30:03Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <model>css</model>
    <format>text/css</format>
    <text bytes="359" xml:space="preserve">/*** Theme with Light Background ***/

.mw-body {
	background: #fff;
}

:root 
{
	 --theme-text-color: black;
	 --theme-content-background: #fff;
	 --theme-heading-color: black;
	 --theme-sidebar-box-background: white;
	 --theme-sidebar-list-item-text-color: black;
	 --theme-sidebar-list-item-hover-mask: #00CC00;
	 
	 .toc .tocnumber {
	 	color: black;
}

}</text>
    <sha1>4bdd9dd2cfd1ce8c775da2773206715d81a0acaa</sha1>
  </revision>
  <revision>
    <id>114</id>
    <parentid>111</parentid>
    <timestamp>2024-01-21T20:51:21Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <model>css</model>
    <format>text/css</format>
    <text bytes="399" xml:space="preserve">/*** Theme with Light Background ***/

.mw-body {
	background: #fff;
}

:root 
{
	 --theme-text-color: black;
	 --theme-content-background: #fff;
	 --theme-heading-color: black;
	 --theme-sidebar-box-background: white;
	 --theme-sidebar-list-item-text-color: black;
	 --theme-sidebar-list-item-hover-mask: #00CC00;
	 --theme-navbar-tab-text-color: black;
	 
	 .toc .tocnumber {
	 	color: black;
}

}</text>
    <sha1>a5e80958cdb2f5997aebb30070db238e238920f5</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>8</id>
  <revision>
    <id>112</id>
    <parentid>78</parentid>
    <timestamp>2024-01-21T20:31:06Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79963" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #FF0000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #FF0000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>af6ec0c284f5ba4313b0f942c26dd7a83cf1ac07</sha1>
  </revision>
  <revision>
    <id>139</id>
    <parentid>112</parentid>
    <timestamp>2024-01-23T04:42:21Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Color is bleeding by Username</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79969" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #FF0000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #FF0000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  /* --main-box-padding: 12px; */
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>a39086ab8c6485ab77a2c9fd5ae80745256e473e</sha1>
  </revision>
  <revision>
    <id>140</id>
    <parentid>139</parentid>
    <timestamp>2024-01-23T14:38:46Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Possible fix</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79963" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #000000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #FF0000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>885189739b4ef426156c59bfb1444961aac747d8</sha1>
  </revision>
  <revision>
    <id>141</id>
    <parentid>140</parentid>
    <timestamp>2024-01-23T14:39:49Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79963" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #FF0000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #000000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>a5214b3bc986575cac9c2dcd11a7aaedc7e73290</sha1>
  </revision>
  <revision>
    <id>150</id>
    <parentid>141</parentid>
    <timestamp>2024-05-08T00:32:34Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79963" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #007700;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #000000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>057d45b8479a2380f040ec6ce7d493bad8b89e9f</sha1>
  </revision>
  <revision>
    <id>151</id>
    <parentid>150</parentid>
    <timestamp>2024-05-08T01:00:50Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <minor/>
    <comment>Reverted edits by [[Special:Contributions/Shiftyshifter|Shiftyshifter]] ([[User talk:Shiftyshifter|talk]]) to last revision by [[User:Azgoodaz|Azgoodaz]]</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="79963" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #FF0000;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #000000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #000;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #00CC00;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>a5214b3bc986575cac9c2dcd11a7aaedc7e73290</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>MediaWiki:Gadgets-definition</title>
  <ns>8</ns>
  <id>72</id>
  <revision>
    <id>113</id>
    <timestamp>2024-01-21T20:50:29Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "* linkPurge[ResourceLoader|type=general]|linkPurge.js * UserProfile[ResourceLoader|dependencies=mediawiki.api|default]|UserProfile.js|UserProfile.css * UploadMultipleFiles[ResourceLoader|default]|UploadMultipleFiles.js"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="218" xml:space="preserve">* linkPurge[ResourceLoader|type=general]|linkPurge.js
* UserProfile[ResourceLoader|dependencies=mediawiki.api|default]|UserProfile.js|UserProfile.css
* UploadMultipleFiles[ResourceLoader|default]|UploadMultipleFiles.js</text>
    <sha1>4f3be2476360faf5d526ad7fef1c884ea7b5d9b5</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Template:Community admins list</title>
  <ns>10</ns>
  <id>38</id>
  <revision>
    <id>115</id>
    <parentid>70</parentid>
    <timestamp>2024-01-21T22:29:20Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <comment>/* Wiki.gg Admin's */</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="176" xml:space="preserve">=== Wiki.gg Admin's ===
{| style="width: {{{1|100%}}};"
|-
{{Wiki Admin|RoundCat|[[File:Flag us.svg|16px|English]]}}
|}
&lt;noinclude&gt;[[Category:Wiki staff templates]]&lt;/noinclude&gt;</text>
    <sha1>b9ebf456a054bb7db0aa1c545a9b7ff18014e78a</sha1>
  </revision>
  <revision>
    <id>116</id>
    <parentid>115</parentid>
    <timestamp>2024-01-21T22:29:28Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <minor/>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="178" xml:space="preserve">=== Community Admin's ===
{| style="width: {{{1|100%}}};"
|-
{{Wiki Admin|RoundCat|[[File:Flag us.svg|16px|English]]}}
|}
&lt;noinclude&gt;[[Category:Wiki staff templates]]&lt;/noinclude&gt;</text>
    <sha1>1afbe717562e3cdbb546608fe3bec7b2fc0b527c</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>MediaWiki:Gadget-linkPurge</title>
  <ns>8</ns>
  <id>73</id>
  <revision>
    <id>117</id>
    <timestamp>2024-01-21T22:30:15Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "Adds a "Purge" link to the top of each page. When clicked, the server cache of the current page is cleared and refreshed."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="121" xml:space="preserve">Adds a "Purge" link to the top of each page. When clicked, the server cache of the current page is cleared and refreshed.</text>
    <sha1>4f15d6c312b5e3baf1200830d32fa07b4d4c6173</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>MediaWiki:Gadget-linkPurge.js</title>
  <ns>8</ns>
  <id>74</id>
  <revision>
    <id>118</id>
    <timestamp>2024-01-21T22:30:27Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Created page with "var l10n = (function(){ 	var $text = { 		'buttonlabel': { 			'en': 'Purge', 			'de': 'Aktualisieren', 			'fr': 'Purger', 			'ru': 'Обновить', 			'pt': 'Actualizar', 			'pt-br': 'Actualizar', 		}, 		'hovertext': { 			'en': 'Purge the server cache for this page', 			'de': 'Den Server-Cache dieser Seite löschen', 			'fr': 'Purge le cache du serveur de cette page', 			'ru': 'Очистить кэш сервера на этой странице', 			'pt': 'Limpe o ca..."</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="971" xml:space="preserve">var l10n = (function(){
	var $text = {
		'buttonlabel': {
			'en': 'Purge',
			'de': 'Aktualisieren',
			'fr': 'Purger',
			'ru': 'Обновить',
			'pt': 'Actualizar',
			'pt-br': 'Actualizar',
		},
		'hovertext': {
			'en': 'Purge the server cache for this page',
			'de': 'Den Server-Cache dieser Seite löschen',
			'fr': 'Purge le cache du serveur de cette page',
			'ru': 'Очистить кэш сервера на этой странице',
			'pt': 'Limpe o cache do servidor para esta página',
			'pt-br': 'Limpe o cache do servidor para esta página',
		}
	}
	var $lang = mw.config.get( 'wgUserLanguage' ) || 'en';
	return function(key){
		return $text[key] &amp;&amp; ($text[key][$lang] || $text[key]['en']) || '';
	}
})();

$(document).ready(function(){
	var url = new URL(window.location.href);
	url.searchParams.set('action', 'purge');
	mw.util.addPortletLink('p-cactions', url.href, l10n('buttonlabel'), 'ca-gadget-purgecache', l10n('hovertext'), '1');
});</text>
    <sha1>73f6a3c5b6be19eee82db8e3388312b7d1aec58b</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Friday Night Funkin' Vs Bambi Strident Crisis</title>
  <ns>0</ns>
  <id>27</id>
  <revision>
    <id>119</id>
    <parentid>90</parentid>
    <timestamp>2024-01-21T22:45:16Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2403" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022 (V1)
* November 10, 2022 (V1.5)
* March 5, 2023 (Anniversary Edition)
* Upcoming (Reboot)
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
Strident Crisis is a mod based around the mod known as '''Friday Night Funkin' Vs Dave and Bambi''' where you go up against the characters of the same name. There are a plethora of various versions/spinoff mods to it, but the main two versions of the mod are the very first version known as '''Vs Bambi Strident Crisis V1,''' and '''Vs Bambi Strident Crisis Rebooted.'''

Each of the two versions are very similar, however the prior of the two versions is very outdated. '''Vs Bambi Strident Crisis V1''' contains a lot of loud and hard to play songs, these are called '''Spamtracks,''' an FNF song that is purposely made to be impossible with very close together notes that are almost impossible to hit. The upcoming '''Vs Bambi Strident Crisis Rebooted.''' is a new version of the mod that aims to make it more enjoyable, this version is a full start from scratch remake with a new soundtrack and visuals to accompany it. The Spamtracks from '''Vs Bambi Strident Crisis V1''' have been completely been removed or remade in favor of more normal sounding songs to make them both nicer to play and listen to.

==How to Play==
You have a very simple task in Friday Night Funkin Vs Bambi: Strident Crisis Mod to play when the Arrow Marks are coming from below, when the arrows are on the top arrow, then press the exact arrows.

===Game Controls===
The Keybaord Controls for FNF vs Bambi: Strident Crisis Mod are WASD or Arrow Keys.

Use the Up, Down, Left and Right buttons to follow the rhythm, and beat your enemies!

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>ac1fcc2d34a37a9bbc5d514b2b7429f29db25aed</sha1>
  </revision>
  <revision>
    <id>120</id>
    <parentid>119</parentid>
    <timestamp>2024-01-21T22:46:34Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <minor/>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2404" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022 (V1)
* November 10, 2022 (V1.5)
* March 5, 2023 (Anniversary Edition)
* Upcoming (Reboot)
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
Strident Crisis is a mod based around the game known as '''Friday Night Funkin' Vs Dave and Bambi''' where you go up against the characters of the same name. There are a plethora of various versions/spinoff mods to it, but the main two versions of the mod are the very first version known as '''Vs Bambi Strident Crisis V1,''' and '''Vs Bambi Strident Crisis Rebooted.'''

Each of the two versions are very similar, however the prior of the two versions is very outdated. '''Vs Bambi Strident Crisis V1''' contains a lot of loud and hard to play songs, these are called '''Spamtracks,''' an FNF song that is purposely made to be impossible with very close together notes that are almost impossible to hit. The upcoming '''Vs Bambi Strident Crisis Rebooted.''' is a new version of the mod that aims to make it more enjoyable, this version is a full start from scratch remake with a new soundtrack and visuals to accompany it. The Spamtracks from '''Vs Bambi Strident Crisis V1''' have been completely been removed or remade in favor of more normal sounding songs to make them both nicer to play and listen to.

==How to Play==
You have a very simple task in Friday Night Funkin Vs Bambi: Strident Crisis Mod to play when the Arrow Marks are coming from below, when the arrows are on the top arrow, then press the exact arrows.

===Game Controls===
The Keybaord Controls for FNF vs Bambi: Strident Crisis Mod are WASD or Arrow Keys.

Use the Up, Down, Left and Right buttons to follow the rhythm, and beat your enemies!

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>8a0cd8dd5a105e1c12590848af04d9f64cf62ddf</sha1>
  </revision>
  <revision>
    <id>121</id>
    <parentid>120</parentid>
    <timestamp>2024-01-21T22:48:45Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <minor/>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2403" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022 (V1)
* November 10, 2022 (V1.5)
* March 5, 2023 (Anniversary Edition)
* Upcoming (Reboot)
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
Strident Crisis is a mod based around the mod known as '''Friday Night Funkin' Vs Dave and Bambi''' where you go up against the characters of the same name. There are a plethora of various versions/spinoff mods to it, but the main two versions of the mod are the very first version known as '''Vs Bambi Strident Crisis V1,''' and '''Vs Bambi Strident Crisis Rebooted.'''

Each of the two versions are very similar, however the prior of the two versions is very outdated. '''Vs Bambi Strident Crisis V1''' contains a lot of loud and hard to play songs, these are called '''Spamtracks,''' an FNF song that is purposely made to be impossible with very close together notes that are almost impossible to hit. The upcoming '''Vs Bambi Strident Crisis Rebooted,''' is a new version of the mod that aims to make it more enjoyable. this version is a full start from scratch remake with a new soundtrack and visuals to accompany it. The Spamtracks from '''Vs Bambi Strident Crisis V1''' have been completely been removed or remade in favor of more normal sounding songs to make them both nicer to play and listen to.

==How to Play==
You have a very simple task in Friday Night Funkin Vs Bambi: Strident Crisis Mod to play when the Arrow Marks are coming from below, when the arrows are on the top arrow, then press the exact arrows.

===Game Controls===
The Keybaord Controls for FNF vs Bambi: Strident Crisis Mod are WASD or Arrow Keys.

Use the Up, Down, Left and Right buttons to follow the rhythm, and beat your enemies!

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>b06cf21883bb3efa939b378f1384e8038576754a</sha1>
  </revision>
  <revision>
    <id>122</id>
    <parentid>121</parentid>
    <timestamp>2024-01-21T22:57:32Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2781" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022 (V1)
* November 10, 2022 (V1.5)
* March 5, 2023 (Anniversary Edition)
* Upcoming (Reboot)
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
Strident Crisis is a mod based around the mod known as '''Friday Night Funkin' Vs Dave and Bambi''' where you go up against the characters of the same name. There are a plethora of various versions/spinoff mods to it, but the main two versions of the mod are the very first version known as '''Vs Bambi Strident Crisis V1,''' and '''Vs Bambi Strident Crisis Rebooted.'''

Each of the two versions are very similar, however the prior of the two versions is very outdated. '''Vs Bambi Strident Crisis V1''' contains a lot of loud and hard to play songs, these are called '''Spamtracks,''' an FNF song that is purposely made to be impossible with very close together notes that are almost impossible to hit. The upcoming '''Vs Bambi Strident Crisis Rebooted,''' is a new version of the mod that aims to make it more enjoyable. this version is a full start from scratch remake with a new soundtrack and visuals to accompany it. The Spamtracks from '''Vs Bambi Strident Crisis V1''' have been completely been removed or remade in favor of more normal sounding songs to make them both nicer to play and listen to.

==Basic Progression==
Across both versions of the mod you start out singing against '''Bambi.''' throughout the songs he progressively gets angrier, the reason is different for both versions but this trope comes various fanmade Bambi fan songs created by many different people. These tracks would feature Bambi being enraged at BF, the design would change depending on how mad he was. The most common designs featured would either be his normal appearance with a smashed phone in his hand, or his body turning full red with his head gone but his eyes remain, depicting a kind of glitchy state.

===Game Controls===
The Keybaord Controls for FNF vs Bambi: Strident Crisis Mod are WASD or Arrow Keys.

Use the Up, Down, Left and Right buttons to follow the rhythm, and beat your enemies!

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>bb6f71b37f6b70eba7331740b6cc50cae6a2421e</sha1>
  </revision>
  <revision>
    <id>123</id>
    <parentid>122</parentid>
    <timestamp>2024-01-21T22:58:01Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2790" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022 (V1)
* November 10, 2022 (V1.5)
* March 5, 2023 (Anniversary Edition)
* Upcoming (Reboot)
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
Strident Crisis is a mod based around the mod known as '''Friday Night Funkin' Vs Dave and Bambi''' where you go up against the characters of the same name. There are a plethora of various versions/spinoff mods to it, but the main two versions of the mod are the very first version known as '''Vs Bambi Strident Crisis V1,''' and '''Vs Bambi Strident Crisis Rebooted.'''

Each of the two versions are very similar, however the prior of the two versions is very outdated. '''Vs Bambi Strident Crisis V1''' contains a lot of loud and hard to play songs, these are called '''Spamtracks,''' an FNF song that is purposely made to be impossible with very close together notes that are almost impossible to hit. The upcoming '''Vs Bambi Strident Crisis Rebooted,''' is a new version of the mod that aims to make it more enjoyable. this version is a full start from scratch remake with a new soundtrack and visuals to accompany it. The Spamtracks from '''Vs Bambi Strident Crisis V1''' have been completely been removed or remade in favor of more normal sounding songs to make them both nicer to play and listen to.

==Basic Progression==
Across both versions of the mod you start out singing against '''Bambi.''' throughout the songs he progressively gets angrier, the reason is different for both versions but this trope comes various fanmade Bambi fan songs created by many different people. These tracks would feature Bambi being enraged at BF, the design would change depending on how mad he was. The most common designs featured would either be his normal appearance with a smashed phone in his hand, or his body turning full red with his head gone but his eyes remain, depicting a kind of glitchy state.

[W.I.P]

===Game Controls===
The Keybaord Controls for FNF vs Bambi: Strident Crisis Mod are WASD or Arrow Keys.

Use the Up, Down, Left and Right buttons to follow the rhythm, and beat your enemies!

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>34a9ff5a90320b736fbc431cddcae64f02412d74</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Vs Bambi Strident Crisis Wiki</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>124</id>
    <parentid>79</parentid>
    <timestamp>2024-01-21T23:06:54Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <minor/>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1009" xml:space="preserve">&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible. 
&lt;br&gt;
This wiki was created on November 21st 2023, and currently contains '''{{NUMBEROFARTICLES}}''' articles. Everyone is welcome to edit!&lt;/center&gt;

&lt;br&gt;
&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="MPheading"&gt;Content&lt;/div&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="fplinks"&gt;&lt;!--
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--

--&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

__NOTOC__
__NOTITLE__

[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>50b1e1f79e10afc4f844653112db36dfbcc94542</sha1>
  </revision>
  <revision>
    <id>148</id>
    <parentid>124</parentid>
    <timestamp>2024-05-07T23:57:05Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <minor/>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1014" xml:space="preserve">&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible. 
&lt;br&gt;
This wiki was created on November 21st 2023, and currently contains '''{{NUMBEROFARTICLES}}''' articles. Everyone is welcome to edit!&lt;/center&gt;

&lt;br&gt;
&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="MPheading"&gt;Content&lt;/div&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="fplinks"&gt;&lt;!--
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--

--&gt;&lt;/div&gt;
&lt;/div&gt;
test
&lt;/div&gt;

__NOTOC__
__NOTITLE__

[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>06ab41383ffa82eb5759c8619456074c41fa8ba2</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>File:GamebananaThumbnailV1.jpg</title>
  <ns>6</ns>
  <id>75</id>
  <revision>
    <id>125</id>
    <timestamp>2024-01-21T23:16:12Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Vs Bambi Strident Crisis V1</title>
  <ns>0</ns>
  <id>76</id>
  <revision>
    <id>126</id>
    <timestamp>2024-01-21T23:17:18Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "{{InfoboxGame |title=Vs Bambi Strident Crisis V1 |image=Strident Crisis Logo V2.png |caption= |developer= |publisher= |release= * March 5, 2022 |platform= }}  '''Vs Bambi Strident Crisis V1''' is a version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].  ==Summary== '''Vs Bambi Strident Crisis V1''' is the first ever build of '''Strident Crisis''' in general. This version contained 32 songs with a mod runtime at about 1 hour and 20 minutes.  ==Song..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="726" xml:space="preserve">{{InfoboxGame
|title=Vs Bambi Strident Crisis V1
|image=Strident Crisis Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022
|platform=
}}

'''Vs Bambi Strident Crisis V1''' is a version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''Vs Bambi Strident Crisis V1''' is the first ever build of '''Strident Crisis''' in general. This version contained 32 songs with a mod runtime at about 1 hour and 20 minutes.

==Song List==
[W.I.P]

===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|Oq1S1NTKT8g|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
GamebananaThumbnailV1.jpg
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>b46ea8cd6c5378355f5c538d1e6e96bac7cc6443</sha1>
  </revision>
  <revision>
    <id>131</id>
    <parentid>126</parentid>
    <timestamp>2024-01-21T23:30:29Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="727" xml:space="preserve">{{InfoboxGame
|title=Vs Bambi Strident Crisis V1
|image=Strident Crisis Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022
|platform=
}}

'''Vs Bambi Strident Crisis V1''' is a version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''Vs Bambi Strident Crisis V1''' is the first ever build of '''Strident Crisis''' in general. This version contained 32 songs with a mod runtime at about 1 hour and 20 minutes.

==Song List==
[W.I.P]

===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|Oq1S1NTKT8g|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident_Crisis_Banner.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>ec8fc81ea7af840f8453cb1a63ebaf1f7d7bbef5</sha1>
  </revision>
  <revision>
    <id>146</id>
    <parentid>131</parentid>
    <timestamp>2024-05-07T23:49:29Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <minor/>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="741" xml:space="preserve">{{InfoboxGame
|title=Vs Bambi Strident Crisis V1
|image=Strident Crisis Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022
|platform=
}}

'''Vs Bambi Strident Crisis V1''' is a version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''Vs Bambi Strident Crisis V1''' is the first ever build of '''Strident Crisis''' in general. This version contained 32 songs with a mod runtime at about 1 hour and 20 minutes.

==Song List==
- silly billy
[W.I.P]

===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|Oq1S1NTKT8g|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident_Crisis_Banner.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>e24911eeb4ae53c4c08a958964c051b09d4dd013</sha1>
  </revision>
  <revision>
    <id>147</id>
    <parentid>146</parentid>
    <timestamp>2024-05-07T23:51:15Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <minor/>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="734" xml:space="preserve">{{InfoboxGame
|title=Vs Bambi Strident Crisis V1
|image=Strident Crisis Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022
|platform=
}}

'''Vs Bambi Strident Crisis V1''' is a version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''Vs Bambi Strident Crisis V1''' is the first ever build of '''Strident Crisis''' in general. This version contained 32 songs with a mod runtime at about 1 hour and 20 minutes.

==Song List==
- silly billy


===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|Oq1S1NTKT8g|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident_Crisis_Banner.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>6dce3bd5ca8672d6b8986eaa77cace10c34fa8d9</sha1>
  </revision>
  <revision>
    <id>149</id>
    <parentid>147</parentid>
    <timestamp>2024-05-08T00:02:25Z</timestamp>
    <contributor>
      <username>X10V</username>
      <id>477030</id>
    </contributor>
    <comment>/* Song List */</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="923" xml:space="preserve">{{InfoboxGame
|title=Vs Bambi Strident Crisis V1
|image=Strident Crisis Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022
|platform=
}}

'''Vs Bambi Strident Crisis V1''' is a version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''Vs Bambi Strident Crisis V1''' is the first ever build of '''Strident Crisis''' in general. This version contained 32 songs with a mod runtime at about 1 hour and 20 minutes.

==Song List==
- Blocked
- Sweetcorn
- Revise
- Cob

- Apathetic
- Screwed
- Overthink

- Reality Breaking
- Dismemberment
- Nomophobia
- Kalampokiphobia

- Cheating
- Unfairness
- Opposition
- Thearchy

- Hellbreaker


===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|Oq1S1NTKT8g|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident_Crisis_Banner.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>64c726a9366cc4bebbcbde30ecd381a2db924466</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Vs Bambi Strident Crisis V1.5</title>
  <ns>0</ns>
  <id>77</id>
  <revision>
    <id>127</id>
    <timestamp>2024-01-21T23:21:09Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "{{InfoboxGame |title=Vs Bambi Strident Crisis V1.5 |image=Strident_Crisis_Logo.png |caption= |developer= |publisher= |release= * November 10, 2022 |platform= }}  '''Vs Bambi Strident Crisis V1.5''' is a cancelled version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].  ==Summary== '''Vs Bambi Strident Crisis V1.5''' is the second ever build of '''Strident Crisis''' in general. This version contained 32 songs with a mod runtime at about 2 hour and 40..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="744" xml:space="preserve">{{InfoboxGame
|title=Vs Bambi Strident Crisis V1.5
|image=Strident_Crisis_Logo.png
|caption=
|developer=
|publisher=
|release=
* November 10, 2022
|platform=
}}

'''Vs Bambi Strident Crisis V1.5''' is a cancelled version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''Vs Bambi Strident Crisis V1.5''' is the second ever build of '''Strident Crisis''' in general. This version contained 32 songs with a mod runtime at about 2 hour and 40 minutes.

==Song List==
[W.I.P]

===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|jAJ-un8y5GA|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
GamebananaThumbnailV1.jpg
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>25bab6cfd4ed2ab34f4a995d53fa377db9f426b2</sha1>
  </revision>
  <revision>
    <id>128</id>
    <parentid>127</parentid>
    <timestamp>2024-01-21T23:21:32Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="722" xml:space="preserve">{{InfoboxGame
|title=Vs Bambi Strident Crisis V1.5
|image=Strident_Crisis_Logo.png
|caption=
|developer=
|publisher=
|release=
* November 10, 2022
|platform=
}}

'''Vs Bambi Strident Crisis V1.5''' is a cancelled version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''Vs Bambi Strident Crisis V1.5''' is the second ever build of '''Strident Crisis''' in general. This version contained 32 songs with a mod runtime at about 2 hour and 40 minutes.

==Song List==
[W.I.P]

===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|jAJ-un8y5GA|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
tba
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>d9097e11cc02c3161a69eab45bf3b3bff70f895b</sha1>
  </revision>
  <revision>
    <id>129</id>
    <parentid>128</parentid>
    <timestamp>2024-01-21T23:23:36Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="722" xml:space="preserve">{{InfoboxGame
|title=Vs Bambi Strident Crisis V1.5
|image=Strident_Crisis_Logo.png
|caption=
|developer=
|publisher=
|release=
* November 10, 2022
|platform=
}}

'''Vs Bambi Strident Crisis V1.5''' is a cancelled version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''Vs Bambi Strident Crisis V1.5''' is the second ever build of '''Strident Crisis''' in general. This version contained 52 songs with a mod runtime at about 2 hour and 40 minutes.

==Song List==
[W.I.P]

===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|jAJ-un8y5GA|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
tba
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>b7c3523907830e6c5969098d7fc249c0ecda935c</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Vs Bambi Strident Crisis Rebooted</title>
  <ns>0</ns>
  <id>78</id>
  <revision>
    <id>130</id>
    <timestamp>2024-01-21T23:27:00Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "{{InfoboxGame |title=Vs Bambi Strident Crisis Rebooted |image=Strident_Crisis_Logo.png |caption= |developer= |publisher= |release= * TBA |platform= }}  '''Vs Bambi Strident Crisis Rebooted''' is an upcoming version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].  ==Summary== '''Vs Bambi Strident Crisis Rebooted''' is the third ever build of '''Strident Crisis''' in general. This version contains about 12 confirmed songs with an estimated mod runtime..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="691" xml:space="preserve">{{InfoboxGame
|title=Vs Bambi Strident Crisis Rebooted
|image=Strident_Crisis_Logo.png
|caption=
|developer=
|publisher=
|release=
* TBA
|platform=
}}

'''Vs Bambi Strident Crisis Rebooted''' is an upcoming version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''Vs Bambi Strident Crisis Rebooted''' is the third ever build of '''Strident Crisis''' in general. This version contains about 12 confirmed songs with an estimated mod runtime at about 45 minutes - 1 hour.

==Song List==
[W.I.P]

===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
TBA
|-|
Gallery=
&lt;gallery&gt;
TBA
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>c6f623b09e383eb4217d411bced501a7cb6635ef</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Vs Bambi Strident Crisis Anniversary Edition</title>
  <ns>0</ns>
  <id>79</id>
  <revision>
    <id>132</id>
    <timestamp>2024-01-21T23:32:38Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "{{InfoboxGame |title=Vs Bambi Strident Crisis V1 |image=Strident_Crisis_Year_1_Logo.png |caption= |developer= |publisher= |release= * March 5, 2023 |platform= }}  '''Vs Bambi Strident Crisis Anniversary''' is a spinoff version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].  ==Summary== '''Vs Bambi Strident Crisis V1''' is a build of '''Strident Crisis''' created for its first ever 1 year anniversary. This version contained 2 songs with a mod runtim..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="764" xml:space="preserve">{{InfoboxGame
|title=Vs Bambi Strident Crisis V1
|image=Strident_Crisis_Year_1_Logo.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2023
|platform=
}}

'''Vs Bambi Strident Crisis Anniversary''' is a spinoff version of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''Vs Bambi Strident Crisis V1''' is a build of '''Strident Crisis''' created for its first ever 1 year anniversary. This version contained 2 songs with a mod runtime at about 3 minutes.

==Song List==
[W.I.P]

===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|gCG0oG0dwUo|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident_Crisis_Year_1_Banner.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>12ef8cdd83fdd1d26cad226ab0d83894335791ac</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Versions</title>
  <ns>0</ns>
  <id>80</id>
  <revision>
    <id>133</id>
    <timestamp>2024-01-21T23:49:04Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "The mod has various Versions/Spinoff's created for multiple purposes.  [W.I.P]  ==Main Versions== * [[Vs Bambi Strident Crisis V1|Strident Crisis V1]] * [[Vs Bambi Strident Crisis V1.5|Strident Crisis V1.5]] (Cancelled) * [[Vs Bambi Strident Crisis Rebooted|Strident Crisis Rebooted]] (Upcoming)  ==Spinoff Versions== * [[Strident Crisis 2|Strident Crisis 2]] (April Fools) * [[hi Crisis|hi Crisis]] (April Fools) * Vs Bambi Strident Crisis Anniversary Edition|Strident Cri..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="583" xml:space="preserve">The mod has various Versions/Spinoff's created for multiple purposes.

[W.I.P]

==Main Versions==
* [[Vs Bambi Strident Crisis V1|Strident Crisis V1]]
* [[Vs Bambi Strident Crisis V1.5|Strident Crisis V1.5]] (Cancelled)
* [[Vs Bambi Strident Crisis Rebooted|Strident Crisis Rebooted]] (Upcoming)

==Spinoff Versions==
* [[Strident Crisis 2|Strident Crisis 2]] (April Fools)
* [[hi Crisis|hi Crisis]] (April Fools)
* [[Vs Bambi Strident Crisis Anniversary Edition|Strident Crisis Anniversary Edition]] (1 Year Anniversary)


{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>3419becb0f4ec1bdb3c51783c18eb5f7ddc49ad9</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Characters</title>
  <ns>0</ns>
  <id>81</id>
  <revision>
    <id>134</id>
    <timestamp>2024-01-21T23:59:36Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "List of characters in the game, will update description to be more formal later  ===Current Characters=== List of current characters as of Rebooted:  * [[Bambi]] * [[Expunged]] * [[Hellbreaker]] * [[Samber]] * [[Saper]] * [[Bamb]] * [[Bumbo]] * [[Linbi]] * [[Nampi]] * [[Benson]] * [[Bambura]] * [[Mr Bambi]] * [[Lez]] * [[Builder]] * [[Basyl]] * [[Darb]] * [[hi]] * [[B]] * [[Joolie]] * [[Hjoim]] * [[Quandavious]]  ===Removed/Unused Characters=== List of characters seen on..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="782" xml:space="preserve">List of characters in the game, will update description to be more formal later

===Current Characters===
List of current characters as of Rebooted:

* [[Bambi]]
* [[Expunged]]
* [[Hellbreaker]]
* [[Samber]]
* [[Saper]]
* [[Bamb]]
* [[Bumbo]]
* [[Linbi]]
* [[Nampi]]
* [[Benson]]
* [[Bambura]]
* [[Mr Bambi]]
* [[Lez]]
* [[Builder]]
* [[Basyl]]
* [[Darb]]
* [[hi]]
* [[B]]
* [[Joolie]]
* [[Hjoim]]
* [[Quandavious]]

===Removed/Unused Characters===
List of characters seen only in previous versions which were removed or unused:

* [[Opposition X]] (Removed)
* [[Joseph]] (Unused)
* [[Xpunged]] (Unused)

===Lore Characters===
List of characters that do not appear directly in game but are mentioned either through in game dialogue or through developers on social media.

* [[Dave]]</text>
    <sha1>5116e58fcc4482da80a92e706b0888d951cab711</sha1>
  </revision>
  <revision>
    <id>145</id>
    <parentid>134</parentid>
    <timestamp>2024-05-07T23:46:55Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="346" xml:space="preserve">List of characters in the game, will update description to be more formal later

===Current Characters===
List of current characters as of Rebooted who are confirmed:

* [[Bambi]]
* [[Expunged]]
* [[Samber]]
* [[Saper]]
* [[Bamb]]
* [[Linbi]]
* [[Nampi]]
* [[Benson]]
* [[Bambura]]
* [[Lez]]
* [[Builder]]
* [[Basyl]]
* [[hi]]
* [[B]]
* [[Hjoim]]</text>
    <sha1>60c86b8158658fdac4b04315b3f71f5e599483cf</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Hi Crisis</title>
  <ns>0</ns>
  <id>82</id>
  <revision>
    <id>135</id>
    <timestamp>2024-01-22T00:06:50Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "{{InfoboxGame |title=hi Crisis |image=Strident_Crisis_Logo.png |caption= |developer= |publisher= |release= * April 1st, 2023 |platform= }}  '''hi Crisis''' is an April fools build of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].  ==Summary== '''hi Crisis''' is the second April fools version of '''Strident Crisis'''. This version contains 1 song and has a runtime of about 40 seconds.  ==Song List== [W.I.P]  ===Trivia=== [W.I.P]  ==Media== &lt;tabber&gt; Vid..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="592" xml:space="preserve">{{InfoboxGame
|title=hi Crisis
|image=Strident_Crisis_Logo.png
|caption=
|developer=
|publisher=
|release=
* April 1st, 2023
|platform=
}}

'''hi Crisis''' is an April fools build of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''hi Crisis''' is the second April fools version of '''Strident Crisis'''. This version contains 1 song and has a runtime of about 40 seconds.

==Song List==
[W.I.P]

===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
TBA
|-|
Gallery=
&lt;gallery&gt;
TBA
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>2604a958ec370865ca70dc79e0d240e61673a5dc</sha1>
  </revision>
  <revision>
    <id>137</id>
    <parentid>135</parentid>
    <timestamp>2024-01-22T00:07:30Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="586" xml:space="preserve">{{InfoboxGame
|title=hi Crisis
|image=hi_Crisis_Logo.png
|caption=
|developer=
|publisher=
|release=
* April 1st, 2023
|platform=
}}

'''hi Crisis''' is an April fools build of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''hi Crisis''' is the second April fools version of '''Strident Crisis'''. This version contains 1 song and has a runtime of about 40 seconds.

==Song List==
[W.I.P]

===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
TBA
|-|
Gallery=
&lt;gallery&gt;
TBA
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>8ce4c0e380e064982d71f286e4b03b7a4dacb0d3</sha1>
  </revision>
  <revision>
    <id>138</id>
    <parentid>137</parentid>
    <timestamp>2024-01-22T00:07:52Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="583" xml:space="preserve">{{InfoboxGame
|title=hi Crisis
|image=hi_Crisis_Logo.png
|caption=
|developer=
|publisher=
|release=
* April 1 2023
|platform=
}}

'''hi Crisis''' is an April fools build of [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

==Summary==
'''hi Crisis''' is the second April fools version of '''Strident Crisis'''. This version contains 1 song and has a runtime of about 40 seconds.

==Song List==
[W.I.P]

===Trivia===
[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
TBA
|-|
Gallery=
&lt;gallery&gt;
TBA
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Mod Versions|Mod Versions]]</text>
    <sha1>fb5f553dae4f770061a39209c845d22b57f9c705</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>File:Hi Crisis Logo.png</title>
  <ns>6</ns>
  <id>83</id>
  <revision>
    <id>136</id>
    <timestamp>2024-01-22T00:07:13Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>Vs Bambi Strident Crisis Wiki:Copyrights</title>
  <ns>4</ns>
  <id>43</id>
  <revision>
    <id>142</id>
    <parentid>67</parentid>
    <timestamp>2024-02-05T22:34:34Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="914" xml:space="preserve">'''{{SITENAME}}''' content, materials, brand-names and logos of companies are the intellectual property of their respective owners.

Content that you make available on {{SITENAME}} is licensed by you to us under our [https://wiki.gg/termsofservice/ Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license.

Any content with said logos features a proper copyright license to adhere to regulations. {{SITENAME}} is not affiliated with any of the brand-names, LLC's or companies featured on this Wiki.

All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the Creative Commons [https://creativecommons.org/licenses/by-nc-sa/4.0/ CC BY-SA 4.0] license.  You may read the [http://creativecommons.org/licenses/by-sa/4.0/legalcode full legal code of the license here].

[[Category:Legal notices]]</text>
    <sha1>7967056a627d83f406eb46b2d6b7664c61416d42</sha1>
  </revision>
  <revision>
    <id>143</id>
    <parentid>142</parentid>
    <timestamp>2024-04-04T22:34:33Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <comment>Update to proper license</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="911" xml:space="preserve">'''{{SITENAME}}''' content, materials, brand-names and logos of companies are the intellectual property of their respective owners.

Content that you make available on {{SITENAME}} is licensed by you to us under our [https://wiki.gg/termsofservice/ Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license.

Any content with said logos features a proper copyright license to adhere to regulations. {{SITENAME}} is not affiliated with any of the brand-names, LLC's or companies featured on this Wiki.

All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the Creative Commons [https://creativecommons.org/licenses/by-sa/4.0/ CC BY-SA 4.0] license.  You may read the [http://creativecommons.org/licenses/by-sa/4.0/legalcode full legal code of the license here].

[[Category:Legal notices]]</text>
    <sha1>b77e0a82562c784fe598a5e4d6be264a627025eb</sha1>
  </revision>
</page>
<page arvcontinue="20240121173624|102">
  <title>MediaWiki:Enotif body</title>
  <ns>8</ns>
  <id>84</id>
  <revision>
    <id>144</id>
    <timestamp>2024-04-17T14:28:30Z</timestamp>
    <contributor>
      <username>Maintenance script</username>
      <id>16930</id>
    </contributor>
    <comment>Update notif template</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="863" xml:space="preserve">Dear $WATCHINGUSERNAME,

You are receiving this email because you are watching the page below. To change your email notification settings, please visit {{canonicalurl:{{#special:Preferences}}}}
 
$PAGEINTRO $NEWPAGE

Editor's summary: $PAGESUMMARY $PAGEMINOREDIT

Contact the editor:
mail: $PAGEEDITOR_EMAIL
wiki: $PAGEEDITOR_WIKI

There will be no other notifications in case of further activity unless you visit this page while logged in. You could also reset the notification flags for all your watched pages on your watchlist.

Your friendly {{SITENAME}} notification system

--
To change your email notification settings, visit
{{canonicalurl:{{#special:Preferences}}}}

To change your watchlist settings, visit
{{canonicalurl:{{#special:EditWatchlist}}}}

To delete the page from your watchlist, visit
$UNWATCHURL

Feedback and further assistance:
$HELPPAGE</text>
    <sha1>605c4a28201db8ec94020c173dea8c0c9bd89912</sha1>
  </revision>
</page>
<page arvcontinue="20240508014146|152">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>8</id>
  <revision>
    <id>152</id>
    <parentid>151</parentid>
    <timestamp>2024-05-08T01:41:46Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <comment>changed some colors, font weight, and added a new hover on the nav sidebar</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="80010" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #ffffffff;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #006400;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #000000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #db0e0e;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #007200;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var()--theme-highlight-background;
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: 1px solid red;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  /*background: var(--theme-sidebar-list-item-hover-mask);*/
  border-bottom: 1px solid red;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  /*background: var(--theme-content-background);*/
  background: #004b23;
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}</text>
    <sha1>ec407bf4535ec8a159dbcbfcb56cfe5e406475da</sha1>
  </revision>
  <revision>
    <id>155</id>
    <parentid>152</parentid>
    <timestamp>2024-05-08T02:03:26Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="80123" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #ffffffff;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #006400;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #000000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #db0e0e;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #007200;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var()--theme-highlight-background;
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: 1px solid red;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  /*background: var(--theme-sidebar-list-item-hover-mask);*/
  border-bottom: 1px solid red;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  /*background: var(--theme-content-background);*/
  background: #004b23;
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}

.container-content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
	
}</text>
    <sha1>24210d8c698ddfd9aa7187160de32b01c6088d77</sha1>
  </revision>
  <revision>
    <id>158</id>
    <parentid>155</parentid>
    <timestamp>2024-05-08T03:00:18Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="80124" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #ffffffff;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #006400;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #000000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #db0e0e;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #007200;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var()--theme-highlight-background;
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: 1px solid red;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  /*background: var(--theme-sidebar-list-item-hover-mask);*/
  border-bottom: 1px solid red;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  /*background: var(--theme-content-background);*/
  background: #004b23;
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}

 .mw-parser-output  .fpbox{
        margin: 0 auto
    
    }
    
    #fpwiki{
        margin-top: 50px
    }
}</text>
    <sha1>79246276c39c8f78e2f4dc5cfdb539673bf7af6a</sha1>
  </revision>
  <revision>
    <id>160</id>
    <parentid>158</parentid>
    <timestamp>2024-05-08T03:07:28Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="80144" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #ffffffff;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #006400;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #000000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #db0e0e;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #007200;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading h3 {
	color: #db0e0e;
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var()--theme-highlight-background;
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: 1px solid red;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  /*background: var(--theme-sidebar-list-item-hover-mask);*/
  border-bottom: 1px solid red;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  /*background: var(--theme-content-background);*/
  background: #004b23;
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}

 .mw-parser-output  .fpbox{
        margin: 0 auto
    
    }
    
    #fpwiki{
        margin-top: 50px
    }
}</text>
    <sha1>190695449148fb56a52f8acdbd8f27888253fd1b</sha1>
  </revision>
  <revision>
    <id>161</id>
    <parentid>160</parentid>
    <timestamp>2024-05-08T03:19:51Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="80498" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #ffffffff;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #006400;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #000000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #db0e0e;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #007200;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading h3 {
	color: #db0e0e;
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var()--theme-highlight-background;
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: 1px solid red;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  /*background: var(--theme-sidebar-list-item-hover-mask);*/
  border-bottom: 1px solid red;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  /*background: var(--theme-content-background);*/
  background: #004b23;
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}

 .mw-parser-output  .fpbox{
        margin: 0 auto
    
    }
    
    #fpwiki{
        margin-top: 50px
    }
    
   .fplink{
        background: #006400;
        border-style: none;
    }
    
    .fplink:hover{
        background: #019501;
    }
    
    .fplink:not(.fplink-plain){
        border-style: none;
        border-radius: 12px
    }
    
    .fplink-inner a{
        color: #38b000;
    }
    
    .fplink-inner a:hover{
        color: #9ef01a;
    }</text>
    <sha1>fd9e646d3275f818dc81366990f6556214c9f4b8</sha1>
  </revision>
  <revision>
    <id>162</id>
    <parentid>161</parentid>
    <timestamp>2024-05-08T03:32:17Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="80577" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #ffffffff;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #006400;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #000000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #db0e0e;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #007200;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading h3 {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var()--theme-highlight-background;
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: 1px solid red;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  /*background: var(--theme-sidebar-list-item-hover-mask);*/
  border-bottom: 1px solid red;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  /*background: var(--theme-content-background);*/
  background: #004b23;
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}

 .mw-parser-output  .fpbox{
        margin: 0 auto
    
    }
    
    .mw-parser-output  #fpwiki{
       width: 100%;
       display: flex;
       justify-content: center;
       align-items: center;
    }
    
   .fplink{
        background: #006400;
        border-style: none;
    }
    
    .fplink:hover{
        background: #019501;
    }
    
    .fplink:not(.fplink-plain){
        border-style: none;
        border-radius: 12px
    }
    
    .fplink-inner a{
        color: #38b000;
    }
    
    .fplink-inner a:hover{
        color: #9ef01a;
    }</text>
    <sha1>9dc24138036b9ed959fb92f1cbb62f0a8dcc8b30</sha1>
  </revision>
  <revision>
    <id>164</id>
    <parentid>162</parentid>
    <timestamp>2024-05-08T13:18:00Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <minor/>
    <model>css</model>
    <format>text/css</format>
    <text bytes="80595" xml:space="preserve">/***********************************

CSS placed here will be applied to all skins on the entire site. 

Various code adpoted from 
* https://multiversus.wiki.gg/ by IyzMoe 
* https://trucksimulator.wiki.gg/ by MrPie5
* https://flight.wiki.gg/ by ReedemtheD3ad!

***********************************/

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
 
.responsive-image {
	max-width: 100%;
	height:auto;
}

* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** Responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }
  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }
  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
} /* screen and (max-width:600px) */

/*** Theme ***/
:root {
   /* for infobox */
  --pi-secondary-background: transparent;
     /* other */
  --theme-hover-color: #6fa5ff;
  --theme-text-color-placeholder: #ffffffff;
  --theme-control-text-color: #BF0017;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #cccccc;
  --theme-text-color-note: #C9E6FF;
  --theme-text-color-em: #ffffff;
  --theme-heading-color: #cccccc;
  /*** link text color ***/
  --theme-link-color: #D53495;
  --theme-link-color-hover: #6fa5ff;
  --theme-link-color-visited: #00aeff;
  --theme-link-color-redlink: #ff3333;
  /*** body background ***/
  --theme-site-background: #1a1a1a url(/images/f/f7/Checkerboard.png) top center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/f/f6/NEWERSTRIDENTCRISISREALWIKI.png);
  --theme-site-logo-width:  300px;
  --theme-site-logo-height: 200px;
  /* sidebar/content common */
  --theme-box-border-width: 2px;
  --theme-box-border-color: #006400;
  --theme-box-background: none;
  --theme-box-border-style: solid;
  --theme-box-shadow: none;
  /* common */
  --theme-border-color: #000000;
  --theme-highlight-background: rgb(255 255 255 / 90%);
  --theme-button-background: #87AEC9;
  --theme-button-border-color: #006cb0;
  --theme-button-background-active: #a7c7dc;
  --theme-button-border-color-active: #006cb0;
  --theme-page-base-background: transparent;
  /*** sidebar ***/
  --theme-sidebar-box-background: transparent;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: #db0e0e;
  --theme-sidebar-heading-arrow-color: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-sidebar-heading-text-color);
  --theme-sidebar-heading-background: #007200;
  --theme-sidebar-heading-background-hover: transparent;
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  /* --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); turned off */
  /* responsive */
  --theme-sidebar-heading-text-color-2: var(--theme-heading-color);
  --theme-sidebar-box-background-2: var(--theme-sidebar-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-2: var(--theme-box-border-color);
  --theme-sidebar-heading-arrow-color-hover-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #090C0C;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: none;
  --theme-navbar-border-color: var(--theme-border-color);
  --theme-navbar-tab-background: transparent;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: white;
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: var(--theme-border-color);
  --theme-navbar-tab-background-hover: transparent;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: var(--theme-content-background);
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #090C0C;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: black;
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: white;
  --theme-navbar-search-button-background: red;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: black;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: black;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: var(--theme-sidebar-box-background);
  /*** content box ***/
  --theme-content-background: #071F07;
  --theme-content-border-width: 0px;
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #ffffff;
  --theme-footer-background: transparent;
  --theme-footer-link-color: #008aff;
  --theme-footer-link-color-hover: #66b8ff;
  --theme-footer-border-radius: 0 0 5px 5px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}
/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
.MPheading h3 {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
	background:0 0;
	background-image: linear-gradient(to right,rgba(var(--theme-sidebar-link-color--rgb),0) 0,var(--theme-sidebar-link-color) 33%,var(--theme-sidebar-link-color) 66%,rgba(var(--theme-sidebar-link-color--rgb),0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output .gallery {
	text-align: center;
	margin: 10px 0;
}

.mp-box {
  border:1px solid white;
  margin:10px 0;
  padding:5px;
}
@media screen and (min-width: 1080px){
	.page-Vs_Bambi_Strident_Crisis_Wiki .mw-parser-output {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.mainpage-left {
		width: calc(100% - 550px);
	}
	.mainpage-right {
		width: 500px;
	}
}

/* Template:FP links styles */
.fplinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  text-align: center;
}

.fplink-outer {
  padding: 5px;
  flex-basis: calc(25% - 10px);
  width: calc(25% - 15px);
  min-width: 115px;
  display: inline-block;
  vertical-align: middle;
}

.fplink-wide {
  flex-basis: calc(33% - 10px);
  width: calc(33% - 15px);
}

.fplink-fullwidth {
  flex-basis: 100%;
  width: calc(100% - 15px);
  font-weight: bold;
}

.fplink {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table;
}

.fplink-plain {
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fplink-inner {
  display: table-row;
}

.fplink a {
  display: table-cell;
  vertical-align: middle;
}

.fplink img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
  width: 100% !important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 990px) {
  .fp-container .columns .leftcol {
    float: left;
    width: 50%;
  }
  .fp-container .columns .rightcol {
    float: right;
    width: 50%;
  }
}
.fp-section {
  display: flex;
  flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 100%;
}

@media screen and (min-width: 990px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 50% 50%;
  }
}
@media screen and (min-width: 1350px) {
  #fp-2column.fp-container {
    grid-template-areas: "a b" "c b";
    grid-template-columns: auto 520px;
  }
}
#fp-top {
  grid-area: a;
}

#fp-flex {
  grid-area: b;
}

#fp-bottom {
  grid-area: c;
}

/* end responsive 2 column main page layout */
/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid transparent;
}

.fpbox {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px transparent;
}

.fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
  background: rgba(0, 0, 0, 0.4);
}

.linkslabel {
  border-bottom: 2px solid #505050;
}

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: #00aeff;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.article-table,
table.fandom-table,
table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: #AD532D;
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px; /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var()--theme-highlight-background;
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }
  .with-siderail table.olo th {
    font-size: 90%;
  }
  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(244, 124, 60, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(244, 124, 60, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/**** base styles END *****/

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  /* caret-color: var(--theme-text-color); */
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: #ff9000;
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,

#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc(var(--theme-site-logo-height) + 20px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 5px black);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: 1px solid red;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  /*background: var(--theme-sidebar-list-item-hover-mask);*/
  border-bottom: 1px solid red;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  background: var(--theme-page-base-background);
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width) var(--theme-box-border-width) 0;
  padding: var(--main-box-padding) 0 0 0;
  background: var(--theme-navbar-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after,
#mw-head #right-navigation::before,
#mw-head #right-navigation::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--theme-navbar-border-color);
}

#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #left-navigation::before {
  flex: 0 0 var(--main-box-padding);
}
#mw-head #left-navigation::after {
  flex: 1 1 auto;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #right-navigation::before {
  flex: 1 1 auto;
}
#mw-head #right-navigation::after {
  flex: 0 0 var(--main-box-padding);
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vector-menu-tabs {
  padding: 0;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}
.vectorTabs li::after,
.vector-menu-dropdown::after {
  content: "";
  display: block;
  width: calc(var(--main-box-padding) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
  position: absolute;
  left: 100%;
  margin-left: 1px;
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
  border-bottom: 0;
  padding-bottom: 1px;
}
.vectorTabs li.selected:hover {
  background: var(--theme-navbar-tab-selected-background);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0;
  padding: 0 0 6px calc(var(--main-layout-gap) / 2);
  border-bottom: 1px solid var(--theme-navbar-tab-border-color);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  /*background: var(--theme-content-background);*/
  background: #004b23;
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  background: var(--theme-sidebar-box-background-2);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--theme-sidebar-heading-text-color-2);
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-panel .portal .vector-menu-heading::after {
  border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 44px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

#mw-head #p-search {
  border-bottom: 0;
  padding-right: calc(var(--main-box-padding) / 2);
}

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -4px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
  height: 125px;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -92px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
  
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

} /* screen and (max-width:450px) */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid var(--theme-box-border-color);
  border-radius: 5px;
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
  /* Code box */
 pre, code, .mw-code 
 {
 	background-color: #1a1a1a;	
 	color: #ffcc00;
 }
 
 /* Recent changes info box */
.mw-changeslist-legend 
{
	color:black;
}

/* Searched information */

.mw-search-profile-tabs
{
	background-color: transparent;
}

/* User Profile box */

.mw-message-box 
{
	color: white;
	background-color: black;
}

/* File information */

#filetoc
{
	background-color: transparent;
}

.mw_metadata td 
{
	color: #AD532D;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
	
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #0b0029;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
  background: none;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--theme-border-color);
  background: none;
}

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Terracotta_Wiki.action-view h1.firstHeading,
body.rootpage-Terracotta_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terracotta_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Terracotta_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header {
  font-size: 16px;
  text-align: center;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 2 2 400px;
}
@media (max-width: 900px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1600px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-direction: column;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gameplay .a li {
  margin-top: 0.5em;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
  margin: 1em 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
  list-style: none;
}
@media screen and (max-width: 1400px) {
  body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul {
    grid-template-columns: 1fr 1fr;
  }
}
body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul a, body.rootpage-Terracotta_Wiki.action-view #bodyContent .content-wrap .gallery ul img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*********** Main page  END ****************/

.mp-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.mp-left {
  flex: 4;
}

.mp-right {
  flex: 1 275px;
}

.navbox {
    --navbox-bg-color: var(--theme-content-background);
    --navbox-text-color: var(--theme-text-color);
    --navbox-title-color: var(--theme-navbar-tab-background);
    --navbox-header-color: var(--theme-navbar-tab-background);
    --navbox-alt-color: var(--theme-content-background);
    --navbox-border-color: var(--theme-border-color)
}

.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color, #AAA);
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

  /* Even row striping */
.navbox-even {
    background: var(--theme-box-border-color);
    color: #000;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    background: var(--navbox-title-color, #CCF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}

.navbox .navbox-section-row &gt; td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}

.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}

.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}

.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .alt &gt; .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li, .hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "("
}

.hlist ul ul:after {
    content: ")"
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}

li.gallerybox div.thumb { 
    background-color: transparent; 
    border: 0;
}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */

h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Navboxes */
.navbox {
    width: 100%;
    clear: both;
}

 .mw-parser-output  .fpbox{
        margin: 0 auto
    
    }
    
    .mw-parser-output  #fpwiki{
       width: 100%;
       display: flex;
       justify-content: center;
       align-items: center;
    }
    
   .fplink{
        background: #006400;
        border-style: none;
    }
    
    .fplink:hover{
        background: #019501;
    }
    
    .fplink:not(.fplink-plain){
        border-style: none;
        border-radius: 12px
    }
    
    .fplink-inner a{
        color: #38b000;
    }
    
    .fplink-inner a:hover{
        color: #9ef01a;
    }</text>
    <sha1>23b3f8439a22a5694bc5cb346fcc66ede1877dea</sha1>
  </revision>
</page>
<page arvcontinue="20240508014146|152">
  <title>Vs Bambi Strident Crisis Wiki</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>153</id>
    <parentid>148</parentid>
    <timestamp>2024-05-08T01:47:34Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="996" xml:space="preserve">&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible. 
&lt;br&gt;
This wiki was created on November 21st 2023, and currently contains '''{{NUMBEROFARTICLES}}''' articles. Everyone is welcome to edit!&lt;/center&gt;

&lt;br&gt;
&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="MPheading"&gt;Content&lt;/div&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="fplinks"&gt;&lt;!--
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--

--&gt;&lt;/div&gt;


__NOTOC__
__NOTITLE__

[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>19b0133164f8c57151f037225a5233b730f1776f</sha1>
  </revision>
  <revision>
    <id>154</id>
    <parentid>153</parentid>
    <timestamp>2024-05-08T01:59:59Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1015" xml:space="preserve">&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible. 
&lt;br&gt;
This wiki was created on November 21st 2023, and currently contains '''{{NUMBEROFARTICLES}}''' articles. Everyone is welcome to edit!&lt;/center&gt;

&lt;br&gt;
&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;

&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body container-content"&gt;
&lt;div class="MPheading"&gt;Content&lt;/div&gt;
&lt;div class="fplinks"&gt;&lt;!--
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--

--&gt;&lt;/div&gt;


__NOTOC__
__NOTITLE__

[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>bf014f23469a3f4979ab2e12faca4b8de63eba97</sha1>
  </revision>
  <revision>
    <id>156</id>
    <parentid>154</parentid>
    <timestamp>2024-05-08T02:04:12Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="997" xml:space="preserve">&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible. 
&lt;br&gt;
This wiki was created on November 21st 2023, and currently contains '''{{NUMBEROFARTICLES}}''' articles. Everyone is welcome to edit!&lt;/center&gt;

&lt;br&gt;
&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;

&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;Content&lt;/div&gt;
&lt;div class="fplinks"&gt;&lt;!--
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--

--&gt;&lt;/div&gt;


__NOTOC__
__NOTITLE__

[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>28a10de6145c4421069f67b5f02a49165074a5b2</sha1>
  </revision>
  <revision>
    <id>157</id>
    <parentid>156</parentid>
    <timestamp>2024-05-08T02:44:18Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1039" xml:space="preserve">&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible. 
&lt;br&gt;
This wiki was created on November 21st 2023, and currently contains '''{{NUMBEROFARTICLES}}''' articles. Everyone is welcome to edit!&lt;/center&gt;

&lt;br&gt;
&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;

&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;Content&lt;/div&gt;
&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;


__NOTOC__
__NOTITLE__

[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>c6bcc9826065cd5bbd84e5bc80e20d77cb020ea6</sha1>
  </revision>
  <revision>
    <id>159</id>
    <parentid>157</parentid>
    <timestamp>2024-05-08T03:04:45Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1048" xml:space="preserve">&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible. 
&lt;br&gt;
This wiki was created on November 21st 2023, and currently contains '''{{NUMBEROFARTICLES}}''' articles. Everyone is welcome to edit!&lt;/center&gt;

&lt;br&gt;
&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;

&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;&lt;h3&gt;Content&lt;/h3&gt;&lt;/div&gt;
&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;


__NOTOC__
__NOTITLE__

[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>156f7d943bc28140af3cb71081680e10fea235c2</sha1>
  </revision>
  <revision>
    <id>165</id>
    <parentid>159</parentid>
    <timestamp>2024-05-08T14:08:57Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1083" xml:space="preserve">&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible. 
&lt;br&gt;
This wiki was created on November 21st 2023, and currently contains '''{{NUMBEROFARTICLES}}''' articles. Everyone is welcome to edit!&lt;/center&gt;

&lt;br&gt;

&lt;div .element-separator&gt;&lt;/div&gt;

&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;

&lt;div class="heading mobileleft"&gt;&lt;/div&gt;

&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;&lt;h3&gt;Content&lt;/h3&gt;&lt;/div&gt;

&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;


__NOTOC__
__NOTITLE__

[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>14b3915793725bd634bac2b4c0a56a8c9dcb075d</sha1>
  </revision>
  <revision>
    <id>166</id>
    <parentid>165</parentid>
    <timestamp>2024-05-08T14:11:36Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1087" xml:space="preserve">&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible. 
&lt;br&gt;
This wiki was created on November 21st 2023, and currently contains '''{{NUMBEROFARTICLES}}''' articles. Everyone is welcome to edit!&lt;/center&gt;

&lt;div .element-separator&gt;test&lt;/div&gt; 

&lt;br&gt;
&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;

&lt;div class="heading mobileleft"&gt;&lt;/div&gt;

&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;&lt;h3&gt;Content&lt;/h3&gt;&lt;/div&gt;

&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;


__NOTOC__
__NOTITLE__

[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>5672c4d34f2683fd1880f86223983cfef97e0979</sha1>
  </revision>
  <revision>
    <id>167</id>
    <parentid>166</parentid>
    <timestamp>2024-05-08T14:17:49Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1053" xml:space="preserve">&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible. 
&lt;br&gt;
This wiki was created on November 21st 2023, and currently contains '''{{NUMBEROFARTICLES}}''' articles. Everyone is welcome to edit!&lt;/center&gt;


&lt;br&gt;

&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
  &lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;&lt;h3&gt;Content&lt;/h3&gt;&lt;/div&gt;

&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;


__NOTOC__
__NOTITLE__

[[Category:Vs Bambi Strident Crisis Wiki]]</text>
    <sha1>4f1209d6acc1684e7a157e57c4bba883504a877a</sha1>
  </revision>
  <revision>
    <id>168</id>
    <parentid>167</parentid>
    <timestamp>2024-05-09T12:59:51Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1705" xml:space="preserve">&lt;div class="mainpage-left"&gt;
&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;The '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki''' features the content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]]. This wiki is currently a collaborative project that aims to document as many aspects of the game as possible.&lt;/center&gt;

&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;&lt;h3&gt;Content&lt;/h3&gt;&lt;/div&gt;

&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;div class="mainpage-right"&gt;
&lt;div class="mp-box"&gt;&lt;!-- BEGIN Wiki box--&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;Wiki Community&lt;/div&gt;
;How to help
: Visit [[Project:Community portal|Community Portal]] to see how you can help contribute to the {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. Join the community by [[Special:CreateAccount|signing up]] or [[Special:UserLogin|logging in]].&lt;br&gt;
This wiki was created on November 21st 2023 and currently contains '''[[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]''' articles. Everyone is welcome to edit!
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
{{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}}
__NOTOC__
__NOTITLE__

[[Category:{{SITENAME}}]]</text>
    <sha1>8b6631d3f016267547ac0ae4183d2ead163a7a5c</sha1>
  </revision>
  <revision>
    <id>171</id>
    <parentid>168</parentid>
    <timestamp>2024-05-25T05:11:13Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1840" xml:space="preserve">&lt;div class="mainpage-left"&gt;
&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;Welcome to the '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki!''' it features content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

This wiki is currently being used in preparation for the launch of '''Vs Bambi Strident Crisis Rebooted,''' and currently has work in progress. If there is any information that you want to add to this wiki please feel free to do so!&lt;/center&gt;

&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;&lt;h3&gt;Content&lt;/h3&gt;&lt;/div&gt;

&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;div class="mainpage-right"&gt;
&lt;div class="mp-box"&gt;&lt;!-- BEGIN Wiki box--&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;Wiki Community&lt;/div&gt;
;How to help
: Visit [[Project:Community portal|Community Portal]] to see how you can help contribute to the {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. Join the community by [[Special:CreateAccount|signing up]] or [[Special:UserLogin|logging in]].&lt;br&gt;
This wiki was created on November 21st 2023 and currently contains '''[[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]''' articles. Everyone is welcome to edit!
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
{{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}}
__NOTOC__
__NOTITLE__

[[Category:{{SITENAME}}]]</text>
    <sha1>71cccf82558adcf6eb8ac5d2bd85e311f467dfa6</sha1>
  </revision>
  <revision>
    <id>180</id>
    <parentid>171</parentid>
    <timestamp>2024-05-25T06:10:40Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1883" xml:space="preserve">&lt;div class="mainpage-left"&gt;
&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;Welcome to the '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki!''' it features content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

This wiki is currently being used in preparation for the launch of '''Vs Bambi Strident Crisis Rebooted,''' and currently has work in progress. If there is any information that you want to add to this wiki please feel free to do so!&lt;/center&gt;

&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;&lt;h3&gt;Content&lt;/h3&gt;&lt;/div&gt;

&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

[[File:UnderConstruction.png|200px|left]]

&lt;div class="mainpage-right"&gt;
&lt;div class="mp-box"&gt;&lt;!-- BEGIN Wiki box--&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;Wiki Community&lt;/div&gt;
;How to help
: Visit [[Project:Community portal|Community Portal]] to see how you can help contribute to the {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. Join the community by [[Special:CreateAccount|signing up]] or [[Special:UserLogin|logging in]].&lt;br&gt;
This wiki was created on November 21st 2023 and currently contains '''[[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]''' articles. Everyone is welcome to edit!
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
{{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}}
__NOTOC__
__NOTITLE__

[[Category:{{SITENAME}}]]</text>
    <sha1>cf630cc49273739546f81a3122d13f44fd1c793d</sha1>
  </revision>
  <revision>
    <id>181</id>
    <parentid>180</parentid>
    <timestamp>2024-05-25T06:11:01Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1885" xml:space="preserve">&lt;div class="mainpage-left"&gt;
&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;Welcome to the '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki!''' it features content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

This wiki is currently being used in preparation for the launch of '''Vs Bambi Strident Crisis Rebooted,''' and currently has work in progress. If there is any information that you want to add to this wiki please feel free to do so!&lt;/center&gt;

&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;&lt;h3&gt;Content&lt;/h3&gt;&lt;/div&gt;

&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;


&lt;div class="mainpage-right"&gt;
&lt;div class="mp-box"&gt;&lt;!-- BEGIN Wiki box--&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;Wiki Community&lt;/div&gt;
;How to help
: Visit [[Project:Community portal|Community Portal]] to see how you can help contribute to the {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. Join the community by [[Special:CreateAccount|signing up]] or [[Special:UserLogin|logging in]].&lt;br&gt;
This wiki was created on November 21st 2023 and currently contains '''[[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]''' articles. Everyone is welcome to edit!
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
{{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}}
__NOTOC__
__NOTITLE__


[[File:UnderConstruction.png|200px|left]]

[[Category:{{SITENAME}}]]</text>
    <sha1>bfefed82ed1439674ab2aa39b14e86cdd76ae1d6</sha1>
  </revision>
  <revision>
    <id>182</id>
    <parentid>181</parentid>
    <timestamp>2024-05-25T06:11:19Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1886" xml:space="preserve">&lt;div class="mainpage-left"&gt;
&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;Welcome to the '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki!''' it features content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

This wiki is currently being used in preparation for the launch of '''Vs Bambi Strident Crisis Rebooted,''' and currently has work in progress. If there is any information that you want to add to this wiki please feel free to do so!&lt;/center&gt;

&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;&lt;h3&gt;Content&lt;/h3&gt;&lt;/div&gt;

[[File:UnderConstruction.png|200px|left]]

&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;


&lt;div class="mainpage-right"&gt;
&lt;div class="mp-box"&gt;&lt;!-- BEGIN Wiki box--&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;Wiki Community&lt;/div&gt;
;How to help
: Visit [[Project:Community portal|Community Portal]] to see how you can help contribute to the {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. Join the community by [[Special:CreateAccount|signing up]] or [[Special:UserLogin|logging in]].&lt;br&gt;
This wiki was created on November 21st 2023 and currently contains '''[[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]''' articles. Everyone is welcome to edit!
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
{{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}}
__NOTOC__
__NOTITLE__


[[Category:{{SITENAME}}]]</text>
    <sha1>55228777eeac07df225cd2079522824c01678996</sha1>
  </revision>
  <revision>
    <id>183</id>
    <parentid>182</parentid>
    <timestamp>2024-05-25T06:11:30Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1887" xml:space="preserve">&lt;div class="mainpage-left"&gt;
&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;Welcome to the '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki!''' it features content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

This wiki is currently being used in preparation for the launch of '''Vs Bambi Strident Crisis Rebooted,''' and currently has work in progress. If there is any information that you want to add to this wiki please feel free to do so!&lt;/center&gt;

&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;&lt;h3&gt;Content&lt;/h3&gt;&lt;/div&gt;

[[File:UnderConstruction.png|200px|right]]

&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;


&lt;div class="mainpage-right"&gt;
&lt;div class="mp-box"&gt;&lt;!-- BEGIN Wiki box--&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;Wiki Community&lt;/div&gt;
;How to help
: Visit [[Project:Community portal|Community Portal]] to see how you can help contribute to the {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. Join the community by [[Special:CreateAccount|signing up]] or [[Special:UserLogin|logging in]].&lt;br&gt;
This wiki was created on November 21st 2023 and currently contains '''[[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]''' articles. Everyone is welcome to edit!
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
{{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}}
__NOTOC__
__NOTITLE__


[[Category:{{SITENAME}}]]</text>
    <sha1>b4425b6c0837689d2e23cc22700a53c3bfca0c07</sha1>
  </revision>
  <revision>
    <id>184</id>
    <parentid>183</parentid>
    <timestamp>2024-05-25T06:11:39Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1886" xml:space="preserve">&lt;div class="mainpage-left"&gt;
&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;Welcome to the '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki!''' it features content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

This wiki is currently being used in preparation for the launch of '''Vs Bambi Strident Crisis Rebooted,''' and currently has work in progress. If there is any information that you want to add to this wiki please feel free to do so!&lt;/center&gt;

&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;&lt;h3&gt;Content&lt;/h3&gt;&lt;/div&gt;


&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;


&lt;div class="mainpage-right"&gt;
&lt;div class="mp-box"&gt;&lt;!-- BEGIN Wiki box--&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;Wiki Community&lt;/div&gt;
;How to help
: Visit [[Project:Community portal|Community Portal]] to see how you can help contribute to the {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. Join the community by [[Special:CreateAccount|signing up]] or [[Special:UserLogin|logging in]].&lt;br&gt;
This wiki was created on November 21st 2023 and currently contains '''[[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]''' articles. Everyone is welcome to edit!
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
{{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}}
__NOTOC__
__NOTITLE__


[[File:UnderConstruction.png|200px|right]]
[[Category:{{SITENAME}}]]</text>
    <sha1>14aeb398e20f6cd328088267b71cce208d8ddb68</sha1>
  </revision>
  <revision>
    <id>185</id>
    <parentid>184</parentid>
    <timestamp>2024-05-25T06:11:50Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1887" xml:space="preserve">&lt;div class="mainpage-left"&gt;
&lt;div style="text-align: center; font-size: x-large; padding: 1em;"&gt;'''Welcome to {{SITENAME}}!'''&lt;/div&gt;
&lt;center&gt;Welcome to the '''Friday Night Funkin' Vs Bambi Strident Crisis Wiki!''' it features content from [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin]] and it's universe around [[Friday Night Funkin' Vs Bambi Strident Crisis|Strident Crisis]].

This wiki is currently being used in preparation for the launch of '''Vs Bambi Strident Crisis Rebooted,''' and currently has work in progress. If there is any information that you want to add to this wiki please feel free to do so!&lt;/center&gt;

&lt;div class="fpbox mobilecollapsible expanded" id="fpwiki" style="text-align: center;"&gt;
&lt;div class="heading mobileleft"&gt;&lt;/div&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;&lt;h3&gt;Content&lt;/h3&gt;&lt;/div&gt;


&lt;div class="fplinks"&gt;&lt;!--
   &lt;div class="container-links"&gt;
--&gt;{{FP link|Characters|Characters|size=wide}}&lt;!--
--&gt;{{FP link|Versions|Versions|size=wide}}&lt;!--
   &lt;/div&gt;
--&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;


&lt;div class="mainpage-right"&gt;
&lt;div class="mp-box"&gt;&lt;!-- BEGIN Wiki box--&gt;
&lt;div class="body"&gt;
&lt;div class="MPheading"&gt;Wiki Community&lt;/div&gt;
;How to help
: Visit [[Project:Community portal|Community Portal]] to see how you can help contribute to the {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. Join the community by [[Special:CreateAccount|signing up]] or [[Special:UserLogin|logging in]].&lt;br&gt;
This wiki was created on November 21st 2023 and currently contains '''[[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]''' articles. Everyone is welcome to edit!
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
{{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}}
__NOTOC__
__NOTITLE__


[[File:UnderConstruction.png|500px|center]]
[[Category:{{SITENAME}}]]</text>
    <sha1>842eadd4ed8a70fe6684db4e84cd10a9f76934da</sha1>
  </revision>
</page>
<page arvcontinue="20240508014146|152">
  <title>File:NEWERSTRIDENTCRISISREALWIKI.png</title>
  <ns>6</ns>
  <id>85</id>
  <revision>
    <id>163</id>
    <timestamp>2024-05-08T13:13:04Z</timestamp>
    <contributor>
      <username>Shiftyshifter</username>
      <id>477021</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240508014146|152">
  <title>Vs Bambi Strident Crisis Wiki:Community portal</title>
  <ns>4</ns>
  <id>34</id>
  <revision>
    <id>169</id>
    <parentid>51</parentid>
    <timestamp>2024-05-09T13:00:51Z</timestamp>
    <contributor>
      <username>Azgoodaz</username>
      <id>36052</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2032" xml:space="preserve">[[File:Site-logo.png|200px|link=Main Page|center]]

&lt;tabber&gt;
About=
&lt;center&gt;
Need help, want something changed or want to debate about something? In the community portal you will find exactly what you need!&lt;br&gt;
Add '''{{PAGENAME}}''' to your [[Special:Watchlist|watchlist]] and stay on top of things!
&lt;/center&gt;

&lt;br /&gt;

&lt;center&gt;{{SITENAME}} is a ''community project'' run entirely by volunteers to provide information for the game.&lt;/center&gt;

Our community of editors is open to anyone. If you would like to join in:

*Register
**Make a [[Special:CreateAccount|free account]] on the wiki.gg platform, it will help keep track of your own edits.

*Need help
**Check out our [https://support.wiki.gg/ help wiki].

*Be bold
**There's no need to wait. Jump right in and start editing. The [[:Category:Maintenance|wiki maintenance category]] may be a great place to start, or you can start small by fixing spelling, grammar, and other errors you come across.

*Translations
**Would you like to help manage translations of the wiki? Head to, [[{{SITENAME}}:Translation portal|Translation portal]].

*Templates
**Would you like to create a page, but don't know how to categorize it? Head to, [[Help:Templates]].

*Start a new article
*:&lt;inputbox&gt;
type= create
width= 40
&lt;/inputbox&gt;
&lt;div style="text-align:center;"&gt;''Alternatively, just type a new article name in the search box. A link will be provided to start the article at the top of the search results.''&lt;/div&gt;

*Recent changes
**See a list of [[Special:RecentChanges|recent changes]].

*Tips / Tricks
** [https://ark.wiki.gg/ ARK Wiki] made a browser extension that redirects from the old wiki for an easier switch, [https://support.wiki.gg/wiki/Wiki.gg_Redirect download it here].

*Community discussion
**See what the community is currently [[{{TALKPAGENAME}}|talking about or make suggestions]].
|-|
Admins=
{{Wikigg wiki staff list (section)}}
{{Community admins list}}
{{Translator admins list}}
|-|
What to do=
=== Page Improvements ===
* N/A
&lt;/tabber&gt;
&lt;!-- post topics below --&gt;</text>
    <sha1>7825410152f788d05dc339fe8dc254db0f59ad38</sha1>
  </revision>
</page>
<page arvcontinue="20240508014146|152">
  <title>File:Site-favicon.ico</title>
  <ns>6</ns>
  <id>86</id>
  <revision>
    <id>170</id>
    <timestamp>2024-05-25T05:01:14Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240508014146|152">
  <title>Template:SectorBox</title>
  <ns>10</ns>
  <id>87</id>
  <revision>
    <id>172</id>
    <timestamp>2024-05-25T05:22:58Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "&lt;div class="sector-box"&gt; &lt;div class="header"&gt;{{{header|}}}&lt;/div&gt; {{{content|}}} &lt;/div&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="86" xml:space="preserve">&lt;div class="sector-box"&gt;
&lt;div class="header"&gt;{{{header|}}}&lt;/div&gt;
{{{content|}}}
&lt;/div&gt;</text>
    <sha1>0fdd6c28e639d298270089c21041134c75a8fd70</sha1>
  </revision>
  <revision>
    <id>175</id>
    <parentid>172</parentid>
    <timestamp>2024-05-25T05:30:31Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="128" xml:space="preserve">&lt;div class="sector-box"&gt;
&lt;div class="header"&gt;{{{header|}}}&lt;/div&gt;
{{{content|}}}
&lt;/div&gt;&lt;noinclude&gt;
{{Documentation}}
&lt;/noinclude&gt;</text>
    <sha1>3afe5c671da6fede1fd60171582878615edcd980</sha1>
  </revision>
</page>
<page arvcontinue="20240508014146|152">
  <title>Template:Twitter</title>
  <ns>10</ns>
  <id>88</id>
  <revision>
    <id>173</id>
    <timestamp>2024-05-25T05:27:16Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "{{SectionBox |header=Twitter |content=&lt;div style="text-align: center;"&gt; &lt;twitter height="800" link-color="white" screen-name="Strident_Developers" theme="dark" width="100%"/&gt;&lt;br&gt; Check out stuff we post over at [https://twitter.com/FunkipediaW Funkipedia]! &lt;/div&gt; }} &lt;noinclude&gt; [[Category:Main page templates]] &lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="324" xml:space="preserve">{{SectionBox
|header=Twitter
|content=&lt;div style="text-align: center;"&gt;
&lt;twitter height="800" link-color="white" screen-name="Strident_Developers" theme="dark" width="100%"/&gt;&lt;br&gt;
Check out stuff we post over at [https://twitter.com/FunkipediaW Funkipedia]!
&lt;/div&gt;
}}
&lt;noinclude&gt;
[[Category:Main page templates]]
&lt;/noinclude&gt;</text>
    <sha1>6c31183e09d56a0d0c882f3bd3b2366960cb2315</sha1>
  </revision>
  <revision>
    <id>176</id>
    <parentid>173</parentid>
    <timestamp>2024-05-25T05:32:44Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="322" xml:space="preserve">{{SectionBox
|header=Twitter
|content=&lt;div style="text-align: center;"&gt;
&lt;twitter height="400" link-color="green" screen-name="Strident_Developers" theme="dark" width="100%"/&gt;&lt;br&gt;
Check out stuff we post over at [https://twitter.com/FNF_VBSC our Twitter]!
&lt;/div&gt;
}}
&lt;noinclude&gt;
[[Category:Main page templates]]
&lt;/noinclude&gt;</text>
    <sha1>665952840f4c9ec04eee95bffebd27facd0145b8</sha1>
  </revision>
  <revision>
    <id>177</id>
    <parentid>176</parentid>
    <timestamp>2024-05-25T05:32:56Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="321" xml:space="preserve">{{SectorBox
|header=Twitter
|content=&lt;div style="text-align: center;"&gt;
&lt;twitter height="400" link-color="green" screen-name="Strident_Developers" theme="dark" width="100%"/&gt;&lt;br&gt;
Check out stuff we post over at [https://twitter.com/FNF_VBSC our Twitter]!
&lt;/div&gt;
}}
&lt;noinclude&gt;
[[Category:Main page templates]]
&lt;/noinclude&gt;</text>
    <sha1>951c4925d6afa46e88deeb26d13bf1858c470e9d</sha1>
  </revision>
</page>
<page arvcontinue="20240508014146|152">
  <title>Template:Documentation/doc</title>
  <ns>10</ns>
  <id>89</id>
  <revision>
    <id>174</id>
    <timestamp>2024-05-25T05:29:29Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <comment>Created page with "==Description== This template is used to insert descriptions on template pages.  ==Syntax== Add &lt;code&gt;&lt;nowiki&gt;&lt;noinclude&gt;&lt;/nowiki&gt;{{t|Documentation}}&lt;nowiki&gt;&lt;/noinclude&gt;&lt;/nowiki&gt;&lt;/code&gt; at the end of the template page.  Add &lt;code&gt;&lt;nowiki&gt;&lt;noinclude&gt;&lt;/nowiki&gt;{{t|Documentation|documentation page}}&lt;nowiki&gt;&lt;/noinclude&gt;&lt;/nowiki&gt;&lt;/code&gt; to transclude an alternative page from the /doc subpage.  ==Usage==  ===On the Template page=== This is the normal format when used:  &lt;pre&gt; TE..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1974" xml:space="preserve">==Description==
This template is used to insert descriptions on template pages.

==Syntax==
Add &lt;code&gt;&lt;nowiki&gt;&lt;noinclude&gt;&lt;/nowiki&gt;{{t|Documentation}}&lt;nowiki&gt;&lt;/noinclude&gt;&lt;/nowiki&gt;&lt;/code&gt; at the end of the template page.

Add &lt;code&gt;&lt;nowiki&gt;&lt;noinclude&gt;&lt;/nowiki&gt;{{t|Documentation|documentation page}}&lt;nowiki&gt;&lt;/noinclude&gt;&lt;/nowiki&gt;&lt;/code&gt; to transclude an alternative page from the /doc subpage.

==Usage==

===On the Template page===
This is the normal format when used:

&lt;pre&gt;
TEMPLATE CODE
&lt;includeonly&gt;Any categories to be inserted into articles by the template&lt;/includeonly&gt;
&lt;noinclude&gt;{{Documentation}}&lt;/noinclude&gt;
&lt;/pre&gt;

''If your template is not a completed div or table, you may need to close the tags just before &lt;code&gt;&lt;nowiki&gt;{{Documentation}}&lt;/nowiki&gt;&lt;/code&gt; is inserted (within the noinclude tags).''

''A line break right before &lt;code&gt;&lt;nowiki&gt;{{Documentation}}&lt;/nowiki&gt;&lt;/code&gt; can also be useful as it helps prevent the documentation template "running into" previous code.''

===On the documentation page===
The documentation page is usually located on the /doc subpage for a template, but a different page can be specified with the first parameter of the template (see [[#Syntax|Syntax]]).

Normally, you will want to write something like the following on the documentation page:

&lt;pre&gt;
==Description==
This template is used to do something.

==Syntax==
Type &lt;code&gt;{{t|templatename}}&lt;/code&gt; somewhere.

==Samples==
&lt;code&gt;&amp;lt;nowiki&gt;{{templatename|input}}&amp;lt;/nowiki&gt;&lt;/code&gt; 

results in...

{{templatename|input}}

&lt;includeonly&gt;Any categories for the template itself&lt;/includeonly&gt;
&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;
&lt;/pre&gt;

Use any or all of the above description/syntax/sample output sections. You may also want to add "see also" or other sections.

Note that the above example also uses the [[Template:T]] template.

&lt;includeonly&gt;[[Category:Documentation templates]]&lt;/includeonly&gt;&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>58ca364cb71b551e4a71ddf3046cf41c84db0d57</sha1>
  </revision>
</page>
<page arvcontinue="20240508014146|152">
  <title>MediaWiki:Common.js</title>
  <ns>8</ns>
  <id>21</id>
  <revision>
    <id>178</id>
    <parentid>29</parentid>
    <timestamp>2024-05-25T05:37:21Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="1425" xml:space="preserve">/* Any JavaScript here will be loaded for all users on every page load. */

mw.loader.getScript( 'https://commons.wiki.gg/index.php?title=MediaWiki:Common-base.js&amp;action=raw&amp;ctype=text/javascript' );
mw.loader.getScript( 'https://gerrit.wikimedia.org/r/mediawiki/extensions/TwitterTag' );

/*
==========================================
Scroll detector for the fadeInUp animation
==========================================
*/
$( document ).ready(function() { 

$(window).scroll(function() { 
	$('.fadeInUpObject').each(function(){ 
	var imagePos = $(this).offset().top; 
	
	var topOfWindow = $(window).scrollTop(); 
		if (imagePos &lt; topOfWindow+600) { 
			$(this).addClass("fadeInUp"); 
		}
			
	});
		
});

});


/* 
==========================================
Scroll detector for the pullDown animation 
==========================================
*/ 

$( document ).ready(function() { //when the page has loaded,

$(window).scroll(function() { 
	$('.pullDownObject').each(function(){ //For each element with the class "pullDownObject",
	var imagePos = $(this).offset().top; 
	
	var topOfWindow = $(window).scrollTop(); //(Defining topOfWindow)
		if (imagePos &lt; topOfWindow+600) { //If the element is 600px away from topOfWindow,
			$(this).addClass("pullDown"); //Add the "pullDown" class to it, giving it the animation
		}
			
	});
		
});

});

/* Note that the pullDown class is defined elsewhere, in the wiki's CSS page */</text>
    <sha1>cde50b2d03eb94122719250b66f8b6bd299fc72d</sha1>
  </revision>
  <revision>
    <id>188</id>
    <parentid>178</parentid>
    <timestamp>2024-05-25T06:26:33Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="1336" xml:space="preserve">/* Any JavaScript here will be loaded for all users on every page load. */

mw.loader.getScript( 'https://commons.wiki.gg/index.php?title=MediaWiki:Common-base.js&amp;action=raw&amp;ctype=text/javascript' );

/*
==========================================
Scroll detector for the fadeInUp animation
==========================================
*/
$( document ).ready(function() { 

$(window).scroll(function() { 
	$('.fadeInUpObject').each(function(){ 
	var imagePos = $(this).offset().top; 
	
	var topOfWindow = $(window).scrollTop(); 
		if (imagePos &lt; topOfWindow+600) { 
			$(this).addClass("fadeInUp"); 
		}
			
	});
		
});

});


/* 
==========================================
Scroll detector for the pullDown animation 
==========================================
*/ 

$( document ).ready(function() { //when the page has loaded,

$(window).scroll(function() { 
	$('.pullDownObject').each(function(){ //For each element with the class "pullDownObject",
	var imagePos = $(this).offset().top; 
	
	var topOfWindow = $(window).scrollTop(); //(Defining topOfWindow)
		if (imagePos &lt; topOfWindow+600) { //If the element is 600px away from topOfWindow,
			$(this).addClass("pullDown"); //Add the "pullDown" class to it, giving it the animation
		}
			
	});
		
});

});

/* Note that the pullDown class is defined elsewhere, in the wiki's CSS page */</text>
    <sha1>0a85c3105e871d9bea3f008f67a80d1beab2a9c7</sha1>
  </revision>
</page>
<page arvcontinue="20240508014146|152">
  <title>File:UnderConstruction.png</title>
  <ns>6</ns>
  <id>90</id>
  <revision>
    <id>179</id>
    <timestamp>2024-05-25T06:08:38Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240508014146|152">
  <title>Friday Night Funkin' Vs Bambi Strident Crisis</title>
  <ns>0</ns>
  <id>27</id>
  <revision>
    <id>186</id>
    <parentid>123</parentid>
    <timestamp>2024-05-25T06:17:43Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1773" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022 (V1)
* November 10, 2022 (V1.5)
* March 5, 2023 (Anniversary Edition)
* Upcoming (Reboot)
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
Strident Crisis is a mod based around the mod known as '''Friday Night Funkin' Vs Dave and Bambi''' where you go up against the characters of the same name. There are a plethora of various versions/spinoff mods to it, but the main two versions of the mod are the very first version known as '''Vs Bambi Strident Crisis V1,''' and '''Vs Bambi Strident Crisis Rebooted.'''

Each of the two versions are very similar, however the prior of the two versions is very outdated. '''Vs Bambi Strident Crisis V1''' contains a lot of songs that are not physically possible, these are called '''Spamtracks,''' an FNF song that is purposely made to be impossible with very close together notes that are almost impossible to hit. These songs are not necessarily made to be played but more or so watched, as generally most of the time its not possible to get a perfect/good score.

==Trivia==

[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>7d0488f1da7d82df36b44b39d2d42d4acff89efb</sha1>
  </revision>
  <revision>
    <id>187</id>
    <parentid>186</parentid>
    <timestamp>2024-05-25T06:20:03Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1279" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022 (V1)
* November 10, 2022 (V1.5)
* March 5, 2023 (Anniversary Edition)
* Upcoming (Reboot)
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
Strident Crisis is a mod based around the mod known as '''Friday Night Funkin' Vs Dave and Bambi''' where you go up against the characters of the same name. There are a plethora of various versions/spinoff mods to it, but the main two versions of the mod are the very first version known as '''Vs Bambi Strident Crisis V1,''' and '''Vs Bambi Strident Crisis Rebooted.'''


==Trivia==

[W.I.P]

==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>e9f6ead23986f8e94cb33b3b541ebd0128ac85ea</sha1>
  </revision>
  <revision>
    <id>189</id>
    <parentid>187</parentid>
    <timestamp>2024-05-25T06:27:19Z</timestamp>
    <contributor>
      <username>RoundCat</username>
      <id>373888</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1255" xml:space="preserve">{{InfoboxGame
|title=Friday Night Funkin' Vs Bambi Strident Crisis
|image=Strident Crisis Old Logo V2.png
|caption=
|developer=
|publisher=
|release=
* March 5, 2022 (V1)
* November 10, 2022 (V1.5)
* March 5, 2023 (Anniversary Edition)
* Upcoming (Reboot)
|platform=[https://gamebanana.com/mods/362373 PC (Gamebanana)]
}}

'''Friday Night Funkin' Vs Bambi Strident Crisis''' is a mod for [[fnf:Friday_Night_Funkin%27_Wiki|Friday Night Funkin']].

==Summary==
Strident Crisis is a mod based around the mod known as '''Friday Night Funkin' Vs Dave and Bambi''' where you go up against the characters of the same name. There are a plethora of various versions/spinoff mods to it, but the main two versions of the mod are the very first version known as '''Vs Bambi Strident Crisis,''' and '''Vs Bambi Strident Crisis Rebooted.'''


==Media==
&lt;tabber&gt;
Videos=
{{#ev:youtube|hVU0MoBvbbY|410|inline|||autoplay=false}}
|-|
Gallery=
&lt;gallery&gt;
Strident Crisis Banner.png
Strident Crisis Year 1 Banner.png
Strident Crisis Logo V1.png
Strident Crisis Logo V2.png
Strident Crisis Logo.png
Strident Crisis Year 1 Logo.png
Strident Crisis Old Logo V1.png
Strident Crisis Old Logo V2.png
&lt;/gallery&gt;
&lt;/tabber&gt;

{{Strident Crisis}}

[[Category:Vs Bambi Strident Crisis| ]]</text>
    <sha1>54531500cdc370485db12a7423923118a64c1059</sha1>
  </revision>
</page>
</mediawiki>